[Steffi]

Hallo zusammen,

ich suche eine Extensionen, die es mir ermöglicht bei einem Bild anstatt Klickvergrößern den Mouseover einzusetzen.

Wenn die Maus über dem Bild ist, soll eine vergrößerte Version angezeigt werden. Gibt es hierfür was passendes? Habe nur die große bahag_photogallery
gefunden...


Liebe grüße
Steffi

[worCOhOLic]

musst es wohl eher mit js versuchen:

<img onmouseover="(src='grossesBild.jpg')" onmouseout="(src='kleinesBild.jpg')" src="kleinesBild.jpg" alt="" border="0">

oder mit css:
In der css-Datei:

img {
border:none;
}

#box{
height:149px;
width:200px;
padding:0;
margin:20px;
font:bold 14px verdana, sans-serif;}

#box div{display:none;}

#box:hover div{
display:block;
width:300px;
position:absolute;top:20px;right:20px;
padding:15px;
font:normal 14px verdana, sans-serif;}

HTML:

<div id="box">
<a href="#"><img src="kleinesBild.jpg" width="200" height="150" alt="bild"></a>
<div><p><img src="gossesBild.jpg" width="400" height="300" alt=""></p></div>
</div>

Musst es nur noch entsprechend einbauen... Allerdings würde ich davon abraten und eher zur Lightbox greifen, halte nicht viel von solchen Mouse-Overn.

[Steffi]

Alles klar und vielen dank...

Liebe Grüße
Steffi

[worCOhOLic]

hat mir ja keine ruhe gelassen und darum hab ich geschaut - und auch was gefunden:

[kiddog_wz_tooltip] content in a tooltip: Typo3.GreenBanana.ch : Typo3 : Extension : Tutorial

[PowerPan]

Danke schoneinmal für das was hier steht geht im Firefox echt gut

nur der IE macht Probelme, da geht es nicht.

Kann mir da einer weiterhelfen?

[worCOhOLic]

Was genau funktioniert denn beim IE nicht?

[PowerPan]

Im Firefox geht es wunderbar nur im Internetxplorer passiert gar nichts

habe das ganze jetzt über eine javasrcript finktion geköst:

PHP-Code:

<img src="<? echo $ergebnis['BILD1']; ?>" width="200"  alt="bild" onmouseover="bildanzeigen('bild1');" onmouseout="bildverstecken('bild1');"/>
<div id="bild1" class="bild">
<img src="<? echo $ergebnis['BILD1']; ?>" width="500"  alt=""/>
</div>

CSS:

.bild {
    z-index: 1;
    visibility: hidden;
    position:absolute;top:230px;left:250px;
}

javasript

function bildanzeigen(bild) {
    x = document.getElementById(bild);
    x.style.visibility = 'visible';
}

function bildverstecken(bild) {
    x = document.getElementById(bild);
    x.style.visibility = 'hidden';
}

[worCOhOLic]

Mich wundert es trotzdem, dass es nicht im IE funzt, weil ich habs da getestet... Welche Version hast Du?

[PowerPan]

ich habe es mit dem IE6 getestet

[worCOhOLic]

ok, dann liegts daran, dass ich die alten ie's mal wieder aussen vor gelassen habe... ;)

Danke für die Info!