✔ Bilder anzeigen bei Mouseover

[goela]

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!

 

[Sven Mintel]

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:

<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.

 

[goela]

Hi Sven,
man dankt. Ist echt super, toll, usw.

Schöne Pfingsten!

 

[Sven Mintel]

Gern geschehen
Ich weiss ja nicht, wofür du es genau brauchst, aber vielleicht ist ja auch das etwas für dich:
http://www.namibia-cd.com/menu/js/magnifier.htm

 

[guttatus]

Hallo ich wollte gerade das Script bei mir einbauen aber leider funktioniert das nicht kann mir da jemand vieleicht helfen?

 

[Sven Mintel]

Klar kann ich helfen... da es bei mir funktioniert, wäre es aber gut, deinen Code zu sehen, um das Problem zu Finden

 

[guttatus]

Hier ist die seite. Inhalt ist keiner da, weil ich hier ja das mit der Seitmap ausprobieren möchte. Die funktion soll oben links neben dem Gästebuch link erscheinen.

http://home.arcor.de/voorwerpen/HP/tierarzt.htm

Gruß Sascha
http://www.guttatus-welt.de.ms

 

[Sven Mintel]

Die funktion soll oben links neben dem Gästebuch link erscheinen.

Wie soll ich dass verstehen

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 !?

 

[Maik]

@ Sven: nähere Infos zu guttatus' eigentlichem Vorhaben findest du hier: Mouseover grafik in Ebene einblenden -Beschreibung richtig?

 

[Sven Mintel]

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.