ABAKUS

Verfasst: **18.01.2009, 17:13**

Hi,

in unseren Onlineshop können Produkte mehrere Bilder enthalten. Bisher wird das Hauptbild groß angezeigt und die anderen Bilder etwas kleiner. Mit dem Lightbox Script zeigt er dann dann die Bilder jeweils als Groß on eine Popup an.

Ich möchte mich von dem Lightbox Script trennen und suche ein Script, was bei einem OnMouseOver das Große Bild von dem kleinen Bild dort anzeigt, wo das große Hauptbild angezeigt wird. Quasi so wie bei Ebay, nur das kein Klick erforderlich ist, sondern alles via Onmouse over.

Kennt da jemand ein JS? Habe bei Google so bisher nix finden können.

Smilla

Verfasst: **18.01.2009, 18:45**

smilla hat geschrieben:suche ein Script, das bei einem OnMouseOver das große Bild von dem kleinen Bild dort anzeigt, wo das große Hauptbild angezeigt wird.
[…]
Kennt da jemand ein JS? Habe bei Google so bisher nix finden können.

Da wirst du vermutlich auch nichts finden, denn das beinahe Einzige, was du dazu brauchst, hast du schon genannt: onmouseover. Dazu kommt noch das Wissen um die Eigenschaften eines <img>-Objekts, und das war's. Dementsprechend gibt es den Code nicht als solches, sondern lediglich stückweise in Einsteigeranleitungen als praktikable Beispiele.

Aber damit du schnell glänzen kannst:

Code: Alles auswählen

<head>
&#91;..&#93;
<script type="text/javascript">
function bildleinwechsledich&#40;u&#41; &#123;
	var i = document.getElementById&#40;"Hauptbild"&#41;;
	if &#40;i&#41; &#123;
		i.src = u.src;
		i.title = u.title;
	&#125;
&#125;
</script>
</head>

<body>
&#91;..&#93;
<img src="" id="Hauptbild">
&#91;..&#93;
<img src="a.jpg" title="Bild A" onmouseover="bildleinwechsledich&#40;this&#41;;">
<img src="b.jpg" title="Bild B" onmouseover="bildleinwechsledich&#40;this&#41;;">
<img src="c.jpg" title="Bild C" onmouseover="bildleinwechsledich&#40;this&#41;;">

Verfasst: **18.01.2009, 20:18**

ja haste recht, da werde ich wohl nix finden. viele dank für den ansatz. habs mir etwas umgebaut so dass dan das große bild angezeigt wird

ABAKUS

Suche ein bestimmtes Java Script

Suche ein bestimmtes Java Script

Re: Suche ein bestimmtes Java Script