Bildwechsel nur mit CSS

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Purpur, 3. Juli 2008 .

Schlagworte:
  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
     
  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>
     
  3. 3. Juli 2008
    AW: Bildwechsel nur mit CSS

    aber der IE meckert doch rum, wenn man's wo anders benutzt, oder.
     
  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....
     
  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/
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.