Bilder Vergrößerungs-Script Frage

lazkopat52

Grünschnabel
Hallo

Habe folgendes Problem komme leider nicht weiter.

Ich würde gerne die Großen bilder die durch das onmouseover der kleinen bilder ensteht mit bestimmten Links schmücken.

zb. grossbild 1 ein bestimmten Link und grossbild 2 einen anderen.

Wäre dies möglich ?
Danke im voraus


Code:
<!-- Das Vergrößerungs-Script für 2 Bilder beginnt hier -->
<script type="text/javascript">
<!--
/* NUR HIER AENDERUNGEN VORNEHMEN UND ANPASSEN */
 
gross_bild1 = new Image(); gross_bild1.src = "http://scripte.aaj.de/grafik/hund1-gross.jpg";
gross_bild2 = new Image(); gross_bild2.src = "http://scripte.aaj.de/grafik/hund2-gross.jpg";
 
klein_bild1 = new Image(); klein_bild1.src = "http://scripte.aaj.de/grafik/hund1-klein.jpg";
klein_bild2 = new Image(); klein_bild2.src = "http://scripte.aaj.de/grafik/hund2-klein.jpg";
 
 
/* AB HIER BITTE NICHTS AENDERN */
 
//-->
</script>
<div style="text-align:center">
<img src="http://scripte.aaj.de/grafik/dummy.gif" border="1" alt="" name="grossbild"><br>&nbsp;<br>
<img src="http://scripte.aaj.de/grafik/dummy.gif" border="1" alt="" name="kleinbild1" onMouseOver="document.grossbild.src = gross_bild1.src">
<img src="http://scripte.aaj.de/grafik/dummy.gif" border="1" alt="" name="kleinbild2" onMouseOver="document.grossbild.src = gross_bild2.src">
</div>
<script type="text/javascript">
<!--
 
Ich weiß nicht ob ich dich richtig verstehe, aber verlink doch einfach bereits die kleinen Bilder?

HTML:
<a href='ziel1.html'><img src='kleines-bild.jpg' onmouseover='machMichGross();' /></a>

Macht soweit ja schon recht viel Sinn, weil sobald du das Bild anklicken kannst, ist die Maus bereits drüber und das große Bild wird eh schon angezeigt.... Gehen wir mal davon aus, dass der User nicht mit der Tastatur umgehen kann...
 
Ja ist mir auch durch den Kopf gegangen. Bloss macht das nicht viel sinn denke ich. Da die meisten eh auf das große Bild klicken werden.
Im moment sieht das so aus :
http://cgi.ebay.de/Provocative-Baby...ZViewItemQQptZNachtwäsche?hash=item2559b63c83

Hab nur den Ersten großen Bild verlinkt , aber nicht anhand des scripts.
Mir wäre es lieber die nächsten großen auch so verlinken zu können.
Ich denke du wirst mir recht geben jetzt bei der seite.
 
ungetestet
HTML:
<script>
    function mach( gross, link ) {
        document.getElementById( "img_big" ).src = gross.src;
        document.getElementById( "lnk_big" ).href = link;
    }
    
    
    var g1 = new Image();
    g1.src = "gross1.jpg";
    var link1 = "noch-groesser-1.jpg";
    
    var g2 = new Image();
    g2.src = "gross2.jpg";
    var link2 = "noch-groesser-2.jpg";
    
    var g3 = new Image();
    g3.src = "gross3.jpg";
    var link3 = "noch-groesser-3.jpg";
    
</script>


<!-- Großes Bild -->
<a id='lnk_big' href='gross1.jpg'>
    <img id='img_big' src='gross1.jpg' />
</a>

<!-- Kleine Bilder -->
<img src='klein1.jpg' onmouseover='mach(g1, link1);' />
<img src='klein2.jpg' onmouseover='mach(g2, link2);' />
<img src='klein3.jpg' onmouseover='mach(g3, link3);' />
 
ungetestet
HTML:
<script>
    function mach( gross, link ) {
        document.getElementById( "img_big" ).src = gross.src;
        document.getElementById( "lnk_big" ).href = link;
    }
    
    
    var g1 = new Image();
    g1.src = "gross1.jpg";
    var link1 = "noch-groesser-1.jpg";
    
    var g2 = new Image();
    g2.src = "gross2.jpg";
    var link2 = "noch-groesser-2.jpg";
    
    var g3 = new Image();
    g3.src = "gross3.jpg";
    var link3 = "noch-groesser-3.jpg";
    
</script>


<!-- Großes Bild -->
<a id='lnk_big' href='gross1.jpg'>
    <img id='img_big' src='gross1.jpg' />
</a>

<!-- Kleine Bilder -->
<img src='klein1.jpg' onmouseover='mach(g1, link1);' />
<img src='klein2.jpg' onmouseover='mach(g2, link2);' />
<img src='klein3.jpg' onmouseover='mach(g3, link3);' />



Super Super Yupiii Klasse genau das wollte icchhh
Danke dir...
Letzte frage danach nerv ich auch nicht mehr wie kann ich den link auf blank stellen das es sich im neuen fenster öffnet ?
 

Neue Beiträge

Zurück