STYLE 2: Mini Gallery Viewer back to other tests

Mini Gallery version 1 - Curtis

Click a thumbnail, see larger image.

SEE IT

Mini Gallery version 2 - Samantha

Modifications:

click statement, see example - thumbnails are different than large image

no dotted line around linked image

center image starts on different image

CODE: (use either)

GEMDIR

Manual FTP code

CONCRETE PROBLEMS

Renew Coat is your answer to a "like new" appearance!

Click on the small buttons to see examples

^GEMDIR in code - put pictures into webcomponent

To capture the code, press Select All then COPY the contents.

MUST change each gEMDIR to GEMDIR before using code!

Select All
<SCRIPT language=JavaScript>        </SCRIPT>  <CENTER> <TABLE cellSpacing=0 cellPadding=0 width=360 border=0> <TBODY> <TR> <TD><A href="javascript:doPic('^gEMDIR/p1.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp1.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p2.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp2.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p3.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp3.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p4.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp4.jpeg" width=90 border=0></A></TD></TR> <TR> <TD align=middle colSpan=4><IMG height=240 src="^gEMDIR/c1.png" width=360 border=0 name=mainpic></TD></TR> <TR> <TD><A href="javascript:doPic('^gEMDIR/p5.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp5.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p6.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp6.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p7.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp7.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p8.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp8.jpeg" width=90 border=0></A></TD></TR></TBODY></TABLE></CENTER>

manual ftp upload of folder gallerys

To capture the code, press Select All then COPY the contents.

Select All
<SCRIPT language=JavaScript>      </SCRIPT>  <CENTER> <TABLE cellSpacing=0 cellPadding=0 width=360 border=0> <TBODY> <TR> <TD><A href="javascript:doPic('gallerys/p1.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp1.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p2.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp2.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p3.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp3.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p4.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp4.jpeg" width=90 border=0></A></TD></TR> <TR> <TD align=middle colSpan=4><IMG height=240 src="gallerys/c1.png" width=360 border=0 name=mainpic></TD></TR> <TR> <TD><A href="javascript:doPic('gallerys/p5.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp5.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p6.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp6.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p7.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp7.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p8.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp8.jpeg" width=90 border=0></A></TD></TR></TBODY></TABLE></CENTER>