Suche ein bestimmtes Java Script

Beitrag von **smilla** » 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

von **Anzeige von ABAKUS** »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Beitrag von **Mork vom Ork** » 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;;">

Beitrag von **smilla** » 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