Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 18. Juni 2011 16:37

chrissy-dizzy
kennt CMS/ms
Ort: Bergisches Land
Registriert: 14. Dezember 2010
Beiträge: 212
Webseite

Hover-Effekt ohne Javascript

Ein Kunde von mir wollte eine Bilderliste, bei der sich die Thumbs beim hovern vergrößern. Ich habe das mit reinem CSS gelöst, und zwar auf Basis von Hoverbox. Hier meine Lösung Link

Das funktioniert mit einem Bild, das in zwei unterschiedlichen Größen angezeigt wird. Über das CSS lässt sich die Position steuern.

Das ganze ist nicht auf meinen Mist gewachsen, und ich will mich nicht mit fremden Federn schmücken. Hier der Link zum Autor: Link. Dort gibt's auch eine Download-Möglichkeit. Habe das schon auf mehreren Seiten in unterschiedlicher Form eingesetzt.

Offline

#2 31. Oktober 2011 17:50

mike-r
arbeitet mit CMS/ms
Registriert: 21. Dezember 2010
Beiträge: 898
Webseite

Re: Hover-Effekt ohne Javascript

Ähnliche Ausführung, allerdings mit Klick findet sich hier:
http://www.cssplay.co.uk/menu/cssplay-focus.html

(das ist nicht das Original, irgendwo gabs da vor Jahren schonmal was in der Richtung, was afair auch in IE6 lief)


Unablässige Tools für's Webdevelopement/ Fehlerfindung: CSS Validierungsservice, Bildschirmlineal, Firebug, Tidy, Deutsche CSS-Referenz

Offline