|
S E L E C T
I O N J A P A N E S E A R T I S T S | |||
 |
 |
 | |
 |
 |
 | |
 |
 |
 | |
 |  |  | |
|
Click on Thumbnail to view large image | |||
|
S E L E C T
I O N J A P A N E S E A R T I S T S | |||
|
|
|
| |
|
|
|
| |
|
|
|
| |
| | | |
|
Click on Thumbnail to view large image | |||
1. Download
Janim2class
(click & Save)
1. Download Slide Show Template ~ Right click
here
Save Target As
2. This is a text document ~ Make changes as indicated in color below
3. Images in Blue ~ Must be
350px Width & 199px Height (Height can vary
upwards 15px)
4. Buttons will be generated in same proportion (134px by 80px) from images
above.
5. Images used: wblock1.jpg -
wblock22.jpg -
wblock3.jpg -
wblock4.jpg -
wblock5.jpg -
wblock7.jpg
wblock8.jpg -
wblock899.jpg -
wblock9.jpg -
wblock999.jpg -
wblock9999.jpg -
woodblock2.jpg
To copy images to your desktop, right click on image/save target
as.
7. Save as SlideShowxxxxxxx.htm
Make sure all images files, lake.class file & SlideShowxxxxxxx.htm are copied to same folder or all to your Root.
BTW: You can also copy
all the above to a folder on your desktop and test the htm file there.
Front Page users, if you have problems?
Click Insert ~ Web Components ~ Advanced Controls ~ HTML ~ Paste in changed
Template text file.
*******************************************************************************
<html>
<head>
<title>Slide Show Japanese Art</title>
</head>
<body bgcolor="#F2FFD3" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<CENTER>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:
collapse" bordercolor="#111111" width="92%" height="343"><tr><td width="120%"
height="94" colspan="4">
<p align="center"><font face="Verdana" color="#C0C0C0" size="5">S E L E C T
I O N J A P A N E S E A R T I S T S </font><b><font size="5"
color="#F7F7F7"><br></font></b><font size="4"
color="#FF0000"><br> </font></td></tr><tr><td width="20%" height="95"
valign="top">
<img src="wblock22.jpg"
onmouseup="lake1.setImageValue('wblock22.jpg');"
border="1" WIDTH="134" HEIGHT="80"></td><td width="20%" height="95"
valign="top">
<img src="woodblock2.jpg"
onmouseup="lake1.setImageValue('woodblock2.jpg');"
border="1" WIDTH="134" HEIGHT="80" align="left"></td><td width="29%" height="95"
valign="top">
<img src="wblock4.jpg"
onmouseup="lake1.setImageValue('wblock4.jpg');"
border="1" WIDTH="134" HEIGHT="80" align="left"></td><td width="51%" rowspan="5"
height="294" valign="top">
<applet code="Janim2.class" name="lake1" width="336"
height="378" ALIGN="bottom" style="border-left: medium inset #C0C0C0;
border-right: medium outset #000000; border-top: thin outset #C0C0C0;
border-bottom: thin inset #808080">
<param name="image" value="wblock4.jpg">
<param name="slide" value="1">
</applet></td></tr><tr><td width="20%" height="99" valign="top">
<img src="wblock1.jpg"
onmouseup="lake1.setImageValue('wblock1.jpg');"
border="1" WIDTH="134" HEIGHT="80"></td><td width="20%" height="99"
valign="top">
<img src="wblock3.jpg"
onmouseup="lake1.setImageValue('wblock3.jpg');"
border="1" WIDTH="134" HEIGHT="80" align="left"></td><td width="29%" height="99"
valign="top">
<img src="wblock5.jpg"
onmouseup="lake1.setImageValue('wblock5.jpg');"
border="1" WIDTH="134" HEIGHT="80" align="left"></td></tr><tr><td width="20%"
height="71" valign="top">
<img src="wblock8.jpg"
onmouseup="lake1.setImageValue('wblock8.jpg');"
border="1" WIDTH="134" HEIGHT="80"></td><td width="20%" height="71"
valign="top">
<img src="wblock7.jpg"
onmouseup="lake1.setImageValue('wblock7.jpg');"
border="1" WIDTH="134" HEIGHT="80"></td><td width="29%" height="71"
valign="top">
<img src="wblock9.jpg"
onmouseup="lake1.setImageValue('wblock9.jpg');"
border="1" WIDTH="134" HEIGHT="80"></td></tr><tr><td width="20%"
height="22"><br>
<img src="wblock899.jpg"
onmouseup="lake1.setImageValue('wblock899.jpg');"
border="1" WIDTH="134" HEIGHT="80"></td><td width="20%" height="22"><br>
<img src="wblock999.jpg"
onmouseup="lake1.setImageValue('wblock999.jpg');"
border="1" WIDTH="134" HEIGHT="80" align="left"></td><td width="29%"
height="22"><br>
<img src="wblock9999.jpg"
onmouseup="lake1.setImageValue('wblock9999.jpg');"
border="1" WIDTH="134" HEIGHT="80" align="left"></td></tr><tr>
<td width="20%" height="7"></td>
<td width="20%" height="7"></td>
<td width="29%" height="7"></td></tr>
<tr><td width="120%" valign="top" height="1" colspan="4">
<p align="center"><font face="Verdana" color="#7272b8" size="2">Click on
Thumbnail to view large image</font></td></tr></table></CENTER>
</body>
</html>
