Stoppt die Vorratsdatenspeicherung! Jetzt klicken &handeln! Willst du auch an der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:

Archived entries for gallery

Hover Effekte mit CSS3

Einige sehr schöne Ideen für hover Effekte kann man sich bei codrops abholen.

The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example.

MooTools Gallery

Auch mit MooTools lassen sich schöne Galerien erstellen, z.B. mit The Wall.

With The Wall you may have an endless grid or an original draggable coda slider, if you like better.
You’re right! The Wall can work in a traditional or draggable coda fuctionality.
2 functions and a new and original interaction system.

Mal wieder: Nette jQuery Plugins

Auf zwei nette jQuery Plugins bin ich heute im Feed Reader gestoßen:

Zum einen das Vegas Background jQuery Plugin für Full-Screen Background Image Galleries, sehr nett.
Und dann das Sliding Background Image Menu.

This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as the size of the image, the hover effect and custom default states.

jQuery: Grid Navigation Effects

Man kann ja gar nicht genug Gallery-Effekte im Arsenal haben ;-) Hier Grid Navigation Effects with jQuery:

Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We’ll take a look at some of the possibilities and how to apply the effect.

Die Effekte sind: Show/hide, Fade, Sequential fade, Move/fade, Sequential move/fade, Sequential move/fade reversed, Resize (show/hide), Disperse, Rows move, Sequential move/fade.

Rotating Image Slider

Mal wieder ein schöner Image Slider:

In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will also add an autoplay option and the mousewheel functionality.



Copyright © 2004–2009. All rights reserved. – Impressum

RSS Feed. This blog is proudly powered by Wordpress and uses Modern Clix, a theme by Rodrigo Galindez.