Per Hover bei Foto Steuerungselemente einblenden

[Klausima]

Hallo,

hab eine kurze Frage. Ist es möglich bei einem Foto per CSS Hover Effekt kleine Grafiken einzublenden, die etwa die Möglichkeit anbieten das Bild zu vergrößern?
Bspw. ein Lupensymbol, welches auf das Großformat des Bildes verlinkt.

Hab da bisher keine Möglichleit zu gefunden.

Gruß

[revo]

hallo!

nein. mit css wird nur gestaltung erreicht, nicht inhalt.
verwende techniken wie javascript, sei dir dabei aber bewusst, dass du verschiedene benutzer ausschließt.

mfg
revo

[EKKi]

Mahlzeit Klausima,

hab eine kurze Frage. Ist es möglich bei einem Foto per CSS Hover Effekt kleine Grafiken einzublenden, die etwa die Möglichkeit anbieten das Bild zu vergrößern?

Prinzipiell schon. Ungetesteter Ansatz:

<style="text/css">  
  
[code lang=css]div.interaktiv {  
  position: relative;  
}  
  
div.interaktiv img {  
  position: absolute;  
}  
  
div.interaktiv img.bild {  
  top: 0px;  
  left: 0px;  
}  
  
div.interaktiv img.lupe {  
  top: 10px;  
  left: 10px;  
  display: none;  
}  
  
div.interaktiv img.bild:hover+img.lupe {  
display: inline;  
}

</style>
[...]
<div class="interaktiv">
<img class="bild" src="grosses_bild.jpg">
<img class="lupe" src="lupe.gif" onclick="foobar();">
</div>[/code]

MfG,
EKKi

[Klausima]

Besten Dank euch beiden, werd dann mal schauen wie ich das am besten umsetzen kann!

Gruß