#1 3. Juli 2008 Zuletzt von einem Moderator bearbeitet: 15. April 2017 Hallo alle, ich möchte auf http://www.grimm-foundation.com die Bilder in der Kopfleiste ohne Javascript bei MouseOver wechseln lassen. Es gibt im Netz und auch hier im Forum (z.B.: /threads/mit-css-rollover-horizontal-darstellen.257260/) genügend Beispiele, wie das mit CSS zu machen ist. Es wird jedoch immer mit Hilfe von Links realisiert. Dabei ändert sich die Cursorform bei MouseOver vom Pfeil zur Hand. Das möchte ich aber nicht. Kennt jemand eine Möglichkeit, die Grafiken bei Mouseover ohne Javascript und ohne die Verwendung von Links wechseln zu lassen? Vorab vielen Dank für eure Hilfe & Gruß, Purpur + Multi-Zitat Zitieren
#2 3. Juli 2008 AW: Bildwechsel nur mit CSS die pseudoklasse :hover funktioniert glaube ich auch mit allen anderen elementen also nimm doch nen <div> + Multi-Zitat Zitieren
#3 3. Juli 2008 AW: Bildwechsel nur mit CSS aber der IE meckert doch rum, wenn man's wo anders benutzt, oder. + Multi-Zitat Zitieren
#4 3. Juli 2008 AW: Bildwechsel nur mit CSS richtig, der ie kann :hover nur bei links (a) laut standard is :hover aber überall erlaubt... da muss man halt entscheiden: - man scheisst aufn ie wie Björn Lange - Geschäftsführender Gesellschafter - WBL Konzept | XING - nutzt javascript - oder schreibt ein workaround: HTML: <style type="text/css"> a.imgwechsel { cursor: default; } a.imgwechsel img { border: 0px none; } a.imgwechsel img.active { display: inline; } a.imgwechsel img.hover { display: none; } a.imgwechsel:hover img.active { display: none; } a.imgwechsel:hover img.hover { display: inline; } </style> <a class="imgwechsel" href="javascript:void(0);"> <img src="bild1.png" class="active" alt="bild1" /> <img src="bild2.png" class="hover" alt="bild2" /> </a> was der 6er aber trotzdem ned umsetzt.... + Multi-Zitat Zitieren
#5 6. Juli 2008 AW: Bildwechsel nur mit CSS wie wärs wenn du einfach das wechseln des mauszeigers mit der css "cursor" eigenschaft veränderst? müsste doch auch gehen http://www.css3.com/css-curson/ + Multi-Zitat Zitieren