Bilder anzeigen bei Mouseover

goela

Erfahrenes Mitglied
Hi Cracks,
leider bin ich mit Javascript-Programmierung (obwohl ich Programmierer [C,C++, C#] bin) nicht so fit. Frage, kennt jemand ein Beispielscript was ein Bild vergössert öffnet und anzeigt, solange man über das Bild fährt!

Beispiel siehe hier:http://www.zooplus.de/app/WebObject...frame?group=/shop/fische/aquarium/mp_aquarien

Ein Aquarium anklicken - dann wird die Detailseite geöffnet, hier über das Aquarium fahren, dann seht ihr was ich meine!
 
Naja...nimm doch gleich von der Aquarienseite, wenn es dir zusagt.... die Lizenz erlaubt dies :)

http://www.zooplus.de/script/infobox.js

Oder nimm das hier:
Code:
<img src="kein.gif" style="position:absolute;top:0;left:0;border:1px solid #000;display:none;" name="detail">
<script type="text/javascript">
<!--


function show_(objEvt)
{
   blnIE                          = window.event;
   objEvt                         = (blnIE) ? window.event : objEvt;
   objTarget                      = (blnIE) ? objEvt.srcElement : objEvt.target;
   document.detail.src            = objTarget.src;
   intScrollX                     = (blnIE) ? document.body.scrollLeft : window.pageXOffset;
   intScrollY                     = (blnIE) ? document.body.scrollTop : window.pageYOffset;
   intPosX                        = (blnIE) ? objEvt.clientX : objEvt.pageX;
   intPosY                        = (blnIE) ? objEvt.clientY : objEvt.pageY;
   document.detail.style.left     = intPosX + 2;
   document.detail.style.top      = intPosY + 2;
   document.detail.style.display  = '';
}

function hide_()
{
  document.detail.style.display   ='none';
}

arrImgs=document.getElementsByName('hovern');

for(i=0;i < arrImgs.length;++i)
  {
    arrImgs[i].onmouseover=show_;
    arrImgs[i].onmousemove=show_;
    arrImgs[i].onmouseout=hide_;

  }
//-->
</script>
...das ans Ende der Seite packen...und alle Bilder die es betrifft, mit dem Namen "hovern" versehen...fertig.
 
Hallo ich wollte gerade das Script bei mir einbauen aber leider funktioniert das nicht kann mir da jemand vieleicht helfen?
 
Klar kann ich helfen... da es bei mir funktioniert, wäre es aber gut, deinen Code zu sehen, um das Problem zu Finden ;)
 
guttatus hat gesagt.:
Die funktion soll oben links neben dem Gästebuch link erscheinen.

Wie soll ich dass verstehen :confused:

Die Funktion macht folgendes:
du hast ein Bild, was (evtl. verkleinert) in der Seite steht. Wenn man darüber fährt, ist es gross zu sehen. Jedes Bild, bei dem dies passieren soll, muss den Namen "hovern" tragen.

Ich sehe bei "Gästebuch" weder ein Bild, noch irgendwoanders ein Bild, welches den Namen "hovern" trägt !?
 
Mmmh...dazu braucht man ja nicht das Skript für die Buttons, da reichts ja aus, wenn man die Sitemap da hinpackt, wo sie hinsoll, und dann jenachdem versteckt/anzeigt.
 
Zurück