|
|||
Hover Animation f
Auf einer Seite werden mehrere Bilder untereinander dargestellt:
Wird ein Bild gehovert, sollen weitere Bilder dazu angezeigt werden, mit einer Animation (ein Bild nach dem anderen, jeweils weniger Deckkraft): Klickt man dann auf das Bild, wird dann eine Seite mit einer grossen Galerie geöffnet. Ich habe bereits nach einer Lösung für die "aufpoppenden" Bilder gegoogelt, allerdings nichts passendes gefunden (vielleicht habe ich die falschen Suchbegriffe verwendet)... Irgendwelche Tipps? |
Sponsored Links |
|
|||
Tipp: Versuche es mit CSS3 Animationen. Du wirst aber für jedes Bild eine eigene Animation erstellen müssen, bzw. zeitversetzt starten müssen. Wrappe alle Bilder einer Zeile in einer Liste, fährst du nun über das erste Element blendest du nach und nach die Elemente mit CSS ein.
|
Sponsored Links |
|
|||
Ein Beispiel auf die Schnelle, kann man natürlich noch optimieren
Hover Animation Zuerst baust du das von der Optik so auf das alle Elemente sichtbar sind. Dann vergibst du den divs die nicht gezeigt werden sollen ein display none mit der Klasse .hidden. Den Rest erledigst Du dann mit jQuery und der hover-Funktion.
__________________
I ♥ Webdesign |
Stichwörter |
animation, bilder, css |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hilfe css Menu center | xXcyberXx | CSS | 5 | 28.11.2010 20:51 |
Problem mit CSS Menü | SMundt | CSS | 9 | 07.01.2009 20:12 |
CSS Navigation - Problem mit IE6 | pcklinik | CSS | 4 | 18.09.2007 13:04 |
Darstellungsproblem CSS Navigation im IE7 | pcklinik | CSS | 7 | 09.09.2007 18:25 |
CSS Einsteiger bittet um Hilfe | pcklinik | CSS | 0 | 06.09.2007 15:40 |