Menu
I have the following script that works great.
I’ll call this “Set One”
But…. when I add another “Set Two” (below this script) it will not work. When
the thumbnails are clicked on in Set Two, they will not expand.
I thought I made the right changes.
It seems the second script takes over the first.
How can I get these to both work???????
See it at my site: [url]http://members.rogers.com/thepainter
**********
Set One
<P align=center> </P>
<TABLE cellSpacing=0 cellPadding=0 align=center background=”” border=0>
<TR>
<TD><A href=”java script:thumbtobig(1)”><IMG height=90 src=”tn_kitchen.jpg”
width=90 name=T1></A>
<P><A href=”java script:thumbtobig(2)”><IMG height=90 src=”tn_lr2a.jpg.gif”
width=90 name=T2></A></P>
<P><A href=”java script:thumbtobig(3)”><IMG height=90 src=”tn_lvroom.jpg”
width=90 name=T3></A></P></TD>
<TD> </TD>
<TD> </TD>
<TD><A href=”java script:thumbtobig(4)”><IMG height=90 src=”tn_ba4a.jpg”
width=90 name=T4></A>
<P><A href=”java script:thumbtobig(5)”><IMG height=90 src=”tn_ba3b.jpg”
width=90 name=T5></A></P>
<P><A href=”java script:thumbtobig(6)”><IMG height=90 src=”tn_ba1b.jpg”
width=90 name=T6></A></P></TD>
<TD><IMG height=350 src=” ” width=490 align=middle border=2
name=large alt=”Click on thumbnails for larger image”>
</TD></TR></TBODY></TABLE>
<font color=”#000099″></center>
<br><h3> Click on thumbnails for larger image </h3><br></font><br> <br><br>
<br><center>
<SCRIPT language=JavaScript><!–
//thumbnail script
thumb =new Image();
thumb2=new Image();
thumb3=new Image();
thumb4=new Image();
thumb5=new Image();
thumb6=new Image();
thumb.src =”kitchen.jpg”
thumb2.src=”lr2a.jpg”
thumb3.src=”lvroom.jpg”
thumb4.src=”ba4a.jpg”
thumb5.src=”ba3b.jpg”
thumb6.src=”ba1b.jpg”
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;
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;}
}
// –></SCRIPT></SCRIPT>
*********
Set Two
<P align=center> </P>
<TABLE cellSpacing=0 cellPadding=0 align=center background=”” border=0>
<TR>
<TD><A href=”java script:thumbtobig(1)”><IMG height=90 src=”tn_francie.jpg”
width=90 name=T1></A>
<P><A href=”java script:thumbtobig(2)”><IMG height=90 src=”th_ba3a.jpg”
width=90 name=T2></A></P>
<P><A href=”java script:thumbtobig(3)”><IMG height=90 src=””
width=90 name=T3></A></P></TD>
<TD> </TD>
<TD> </TD>
<TD><A href=”java script:thumbtobig(4)”><IMG height=90 src=””
width=90 name=T4></A>
<P><A href=”java script:thumbtobig(5)”><IMG height=90 src=””
width=90 name=T5></A></P>
<P><A href=”java script:thumbtobig(6)”><IMG height=90 src=””
width=90 name=T6></A></P></TD>
<TD><IMG height=350 src= ” ” width=490 align=middle border=2
name=”large2″ alt=”Click on thumbnails for larger image”>
</TD></TR></TBODY></TABLE>
<font color=”#000099″></center>
<br><h3> Click on thumbnails for larger image </h3><br></font><br> <br><br>
<br><center>
<SCRIPT language=JavaScript><!–
//thumbnail script
thumb =new Image();
thumb2=new Image();
thumb3=new Image();
thumb4=new Image();
thumb5=new Image();
thumb6=new Image();
thumb.src =”francie.jpg”
thumb2.src=”ba3a.jpg”
thumb3.src=””
thumb4.src=””
thumb5.src=””
thumb6.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;
function thumbtobig(thumbs)
{
if(thumbs==1){document.images[‘large2’].src=thumb.src;}
if(thumbs==2){document.images[‘large2’].src=thumb2.src;}
if(thumbs==3){document.images[‘large2’].src=thumb3.src;}
if(thumbs==4){document.images[‘large2’].src=thumb4.src;}
if(thumbs==5){document.images[‘large2’].src=thumb5.src;}
if(thumbs==6){document.images[‘large2’].src=thumb6.src;}
}
// –></SCRIPT></SCRIPT>