[javascript] imageviewer laat op verkeerde plek plaatje zien - Softwareontwikkeling

dinsdag 21 december 2004 11:24

Acties:

Topicstarter

Beste Tweakers,
ik ben echt een JavaScript NOOB en ik heb een scriptje gevonden wat ik wil gebruiken om foto's te tonen. het zet een x aantal thumbnails op een rij, en als je op een thumb klikt wijzigt het grote plaatje naar de goede...tenminste..

Het probleem is dat als er plaatjes voor het imageviewer script staan dat dat eerste plaatje als doel wordt beschouwd en deze dus wijzigd.

Nu heb ik zelf wel een oplossing bedacht, maar weet echt niet hoe ik dat moet uitvoeren.
namelijk een id aan het doelplaatje geven en in javascript zeggen dat het doel van het type id moet zijn.

dit is het script:

code:

<html> 
    <head> 
        <title>Image Viewer</title> 
        
<script language="JavaScript">
 <!--
    img1 = new Image();
    img1.src = "IMG_0001.jpg";
    img2 = new Image();
    img2.src = "IMG_0002.jpg";
    img3 = new Image();
    img3.src = "IMG_0003.jpg";
    img4 = new Image();
    img4.src = "IMG_0004.jpg";
    img5 = new Image();
    img5.src = "IMG_0005.jpg";
 -->
</script> 

</head> 
<body bgcolor="#ffffff" text="#000000" link="#333366" vlink="#333366" alink="#333366">
    
    <!-- layout --> 
        [img]"images/IMG_0001.jpg">

    <!--[/img]  
    <table cellpadding="2" cellspacing="2" border="1">
        <tr>
            <td align="left" valign="middle" colspan="2" bgcolor="#000000">&nbsp;<font size="4" color="#ffffff"><b>Image Viewer</b></font></td>
        </tr>
        <tr>
            <td align="center" valign="middle" bgcolor="#000000">
                [img]"images/IMG_0001.jpg"[/img]
            </td>
            <td align="center" valign="center" width="150">
                
                [img]"images/thumbs/IMG_0001t.jpg"[/img]<br>
                [img]"images/thumbs/IMG_0002t.jpg"[/img]<br>
                [img]"images/thumbs/IMG_0003t.jpg"[/img]<br>
                [img]"images/thumbs/IMG_0004t.jpg"[/img]<br>
                [img]"images/thumbs/IMG_0005t.jpg"[/img]<br>                
            </td>
        </tr>
    </table> 


</body> 
</html>

dinsdag 21 december 2004 11:26

Acties: