Make your own free website on Tripod.com

<html>

 

<head>

<title>Thumbnail Script</title>

</head>

 

<body BGPROPERTIES="fixed" BACKGROUND="_images/thumbnail.jpg">

This is the Image you see as the background and the background is fixed 

<embed src="rdrstrm.mid" HIDDEN=TRUE AUTOSTART=TRUE>

This is the Music you hear playing in the background 

<table border="0" cellpadding="0" cellspacing="0">

This is the where you build the invisiable table 

    <tr>

        <td><a href="javascript:thumbtobig(1)"><img

        src="Header01.gif" width="33" height="47" name="T1"></a><p><a

        href="javascript:thumbtobig(2)"><img src="Header01.gif"

        width="33" height="47" name="T2"></a></p>

        <p><a href="javascript:thumbtobig(3)"><img

        src="Header01.gif" width="33" height="47" name="T3"></a><p>

        <a href="javascript:thumbtobig(25)"><img

        src="Header01.gif" width="33" height="47" name="T25"></a></p>

Part one:

       You will see that all of the sources of the Images= Header01.gif “T#”, is the Thumb,  for the Image that your are building. 

        </td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td><a href="javascript:thumbtobig(4)"><img

        src="Header01.gif" width="33" height="47" name="T4"></a><p><a

        href="javascript:thumbtobig(5)"><img src="Header01.gif"

        width="33" height="47" name="T5"></a></p>

        <p><a href="javascript:thumbtobig(6)"><img

        src="Header01.gif" width="33" height="47" name="T6"></a>

        <p><a href="javascript:thumbtobig(26)"><img

        src="Header01.gif" width="33" height="47" name="T26"></a></p>

        </td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td><a href="javascript:thumbtobig(7)"><img

        src="Header01.gif" width="33" height="47" name="T7"></a><p><a

        href="javascript:thumbtobig(8)"><img src="Header01.gif"

        width="33" height="47" name="T8"></a></p>

        <p><a href="javascript:thumbtobig(9)"><img

        src="Header01.gif" width="33" height="47" name="T9"></a><p>

        <a href="javascript:thumbtobig(27)"><img

        src="Header01.gif" width="33" height="47" name="T27"></a></p>

        </td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td><a href="javascript:thumbtobig(10)"><img

        src="Header01.gif" width="33" height="47" name="T10"></a><p><a

        href="javascript:thumbtobig(11)"><img src="Header01.gif"

        width="33" height="47" name="T11"></a></p>

        <p><a href="javascript:thumbtobig(12)"><img

        src="Header01.gif" width="33" height="47" name="T12"></a><p>

        <a href="javascript:thumbtobig(28)"><img

        src="Header01.gif" width="33" height="47" name="T28"></a></p>

        </td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td><a href="javascript:thumbtobig(13)"><img

        src="Header01.gif" width="33" height="47" name="T13"></a><p><a

        href="javascript:thumbtobig(14)"><img src="Header01.gif"

        width="33" height="47" name="T14"></a></P>

        <p><a href="javascript:thumbtobig(15)"><img

        src="Header01.gif" width="33" height="47" name="T15"></a></p>

        <p><a href="javascript:thumbtobig(29)"><img

        src="Header01.gif" width="33" height="47" name="T29"></a></p>

        </td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td><a href="javascript:thumbtobig(16)"><img

        src="Header01.gif" width="33" height="47" name="T16"></a><p><a

        href="javascript:thumbtobig(17)"><img src="Header01.gif"

        width="33" height="47" name="T17"></a></p>

        <p><a href="javascript:thumbtobig(18)"><img

        src="Header01.gif" width="33" height="47" name="T18"></a></p>

        <p><a href="javascript:thumbtobig(30)"><img

        src="Header01.gif" width="33" height="47" name="T30"></a></p>

        </td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td><a href="javascript:thumbtobig(19)"><img

        src="Header01.gif" width="33" height="47" name="T19"></a><p><a

        href="javascript:thumbtobig(20)"><img src="Header01.gif"

        width="33" height="47" name="T20"></a></p>

        <p><a href="javascript:thumbtobig(21)"><img

        src="Header01.gif" width="33" height="47" name="T21"></a></p>

        <p><a href="javascript:thumbtobig(31)"><img

        src="Header01.gif" width="33" height="47" name="T31"></a></p>

        </td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td><a href="javascript:thumbtobig(22)"><img

        src="Header01.gif" width="33" height="47" name="T22"></a><p><a

        href="javascript:thumbtobig(23)"><img src="Header01.gif"

        width="33" height="47" name="T23"></a></p>

        <p><a href="javascript:thumbtobig(24)"><img

        src="Header01.gif" width="33" height="47" name="T24"></a></p>

        <p><a href="javascript:thumbtobig(32)"><img

        src="Header01.gif" width="33" height="47" name="T32"></a></p>

        </td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td><img src="Header01.gif" align="middle" border="2"

        width="296" height="480" name="large"></td>

    </tr>

</table>

 

<p><script language="JavaScript"><!--

//thumbnail script

thumb =new Image();

thumb2=new Image();

thumb3=new Image();

thumb4=new Image();

thumb5=new Image();

thumb6=new Image();

thumb7=new Image();

thumb8=new Image();

thumb9=new Image();

thumb10=new Image();

thumb11=new Image();

thumb12=new Image();

thumb13=new Image();

thumb14=new Image();

thumb15=new Image();

thumb16=new Image();

thumb17=new Image();

thumb18=new Image();

thumb19=new Image();

thumb20=new Image();

thumb21=new Image();

thumb22=new Image();

thumb23=new Image();

thumb24=new Image();

thumb25=new Image();

thumb26=new Image();

thumb27=new Image();

thumb28=new Image();

thumb29=new Image();

thumb30=new Image();

thumb31=new Image();

thumb32=new Image();

Part two:

          Each Thumb, is given an Image

 

thumb.src ="_images/33vendorlator1.jpg"

thumb2.src="_images/33vendorlator2.jpg"

thumb3.src="_images/33vendorlator3.jpg"

thumb4.src="_images/33vendorlator4.jpg"

thumb5.src="_images/33vendorlator5.jpg"

thumb6.src="_images/7up-VMC33_1.jpg"

thumb7.src ="_images/7up-VMC33_2.jpg"

thumb8.src="_images/7up-VMC33_3.jpg"

thumb9.src="_images/7up-VMC33_4.jpg"

thumb10.src="_images/7up-VMC33_5.jpg"

thumb11.src="_images/7up-VMC33_6.jpg"

thumb12.src="_images/VMC27.jpg"

thumb13.src ="_images/coke33-1.jpg"

thumb14.src="_images/coke33-2.jpg"

thumb15.src="_images/coke33-3.jpg"

thumb16.src="_images/coke33-4.jpg"

thumb17.src="_images/pepsi_33-3D.jpg"

thumb18.src="_images/pepsiacsdr.jpg"

thumb19.src ="_images/pepside.jpg"

thumb20.src="_images/pepsimndr.jpg"

thumb21.src="_images/pepsiplate.jpg"

thumb22.src="_images/ppsivmc27.jpg"

thumb23.src="_images/ppsivmc27opn.jpg"

thumb24.src="_images/vmc27.jpg"

thumb25.src="_images/vmc27picture.jpg"

thumb26.src="_images/vmc27draw.jpg"

thumb27.src="_images/vmc27lft.jpg"

thumb28.src="_images/vmc27rgt.jpg"

thumb29.src="_images/33-1.jpg"

thumb30.src="_images/33-2.jpg"

thumb31.src="_images/vmc27picture2.jpg"

thumb32.src="_images/vmc27picture3.jpg"

 

Part Three:

         Assigning the Image, to the Thumb Src=

 

document.images['T1'].src=thumb.src;

document.images['T2'].src=thumb2.src;

document.images['T3'].src=thumb3.src;

document.images['T4'].src=thumb4.src;

document.images['T5'].src=thumb5.src;

document.images['T6'].src=thumb6.src;

document.images['T7'].src=thumb7.src;

document.images['T8'].src=thumb8.src;

document.images['T9'].src=thumb9.src;

document.images['T10'].src=thumb10.src;

document.images['T11'].src=thumb11.src;

document.images['T12'].src=thumb12.src;

document.images['T13'].src=thumb13.src;

document.images['T14'].src=thumb14.src;

document.images['T15'].src=thumb15.src;

document.images['T16'].src=thumb16.src;

document.images['T17'].src=thumb17.src;

document.images['T18'].src=thumb18.src;

document.images['T19'].src=thumb19.src;

document.images['T20'].src=thumb20.src;

document.images['T21'].src=thumb21.src;

document.images['T22'].src=thumb22.src;

document.images['T23'].src=thumb23.src;

document.images['T24'].src=thumb24.src;

document.images['T25'].src=thumb25.src;

document.images['T26'].src=thumb26.src;

document.images['T27'].src=thumb27.src;

document.images['T28'].src=thumb28.src;

document.images['T29'].src=thumb29.src;

document.images['T30'].src=thumb30.src;

document.images['T31'].src=thumb31.src;

document.images['T32'].src=thumb32.src;

 

Part four:

       Document it back to an Identifier

 

function thumbtobig(thumbs)

{

if(thumbs==1){document.images['large'].src=thumb.src;}

if(thumbs==2){document.images['large'].src=thumb2.src;}

if(thumbs==3){document.images['large'].src=thumb3.src;}

if(thumbs==4){document.images['large'].src=thumb4.src;}

if(thumbs==5){document.images['large'].src=thumb5.src;}

if(thumbs==6){document.images['large'].src=thumb6.src;}

if(thumbs==7){document.images['large'].src=thumb7.src;}

if(thumbs==8){document.images['large'].src=thumb8.src;}

if(thumbs==9){document.images['large'].src=thumb9.src;}

if(thumbs==10){document.images['large'].src=thumb10.src;}

if(thumbs==11){document.images['large'].src=thumb11.src;}

if(thumbs==12){document.images['large'].src=thumb12.src;}

if(thumbs==13){document.images['large'].src=thumb13.src;}

if(thumbs==14){document.images['large'].src=thumb14.src;}

if(thumbs==15){document.images['large'].src=thumb15.src;}

if(thumbs==16){document.images['large'].src=thumb16.src;}

if(thumbs==17){document.images['large'].src=thumb17.src;}

if(thumbs==18){document.images['large'].src=thumb18.src;}

if(thumbs==19){document.images['large'].src=thumb19.src;}

if(thumbs==20){document.images['large'].src=thumb20.src;}

if(thumbs==21){document.images['large'].src=thumb21.src;}

if(thumbs==22){document.images['large'].src=thumb22.src;}

if(thumbs==23){document.images['large'].src=thumb23.src;}

if(thumbs==24){document.images['large'].src=thumb24.src;}

if(thumbs==25){document.images['large'].src=thumb25.src;}

if(thumbs==26){document.images['large'].src=thumb26.src;}

if(thumbs==27){document.images['large'].src=thumb27.src;}

if(thumbs==28){document.images['large'].src=thumb28.src;}

if(thumbs==29){document.images['large'].src=thumb29.src;}

if(thumbs==30){document.images['large'].src=thumb30.src;}

if(thumbs==31){document.images['large'].src=thumb31.src;}

if(thumbs==32){document.images['large'].src=thumb32.src;}

 

Remember:

  You must have a “Gif’, called Header01.gif, to fill the existing “Image Src”

}

// --></script></p>

</BODY>

</html>