slide_show.html at Linker IMG

<HTML>
<HEAD>
<TITLE>SLIDE SHOW</TITLE>
<META HTTP-EQUIV='Cache-Control' CONTENT='no-cache'>
<META HTTP-EQUIV='Progma' CONTENT='no-cache'>
<meta http-equiv="Content-Type" content="text/html; charset=<%CHARSET%>">
<LINK rel="stylesheet" type="text/css" href="<%DOMAIN%>/<%TEMPLATE%>/linker.css">
<SCRIPT LANGUAGE="JavaScript">
<!--

var SlideSpeed;
var SlidePic = new Array();
var SlideTitle = new Array(); 

<%IMAGE_ROW%>

<%TITLE_ROW%>

var ReTimeout;
var Scount = 0;
var Pcount;
var SlideLen = SlidePic.length-1;

var preLoad = new Array();
for (Pcount = 1; Pcount < SlideLen +1; Pcount++)
{
preLoad[Pcount] = new Image();
preLoad[Pcount].src = SlidePic[Pcount];
}

function GetSlideSpeed() 
{

   var TempSlideSpeed;
   TempSlideSpeed = document.slideform.slidespeed.selectedIndex;
   SlideSpeed = document.slideform.slidespeed.options[TempSlideSpeed].value;
   if (SlideSpeed == '') SlideSpeed = 3000;

}

function RunSlide()
{

	if ( Scount+1 <= SlideLen) 	{
	Scount++;
	
	GetSlideSpeed();
	if (document.all)
	{
	document.images.SlidePic.style.filter="blendTrans(duration=0.5)";
	document.images.SlidePic.filters.blendTrans.Apply();
	document.images.SlidePic.filters.blendTrans.Play();
	}

	document.images.SlidePic.src = preLoad[Scount].src;
	document.slideform.slidetitle.value = SlideTitle[Scount];
	ReTimeout = setTimeout('RunSlide()', SlideSpeed);
	}

}



function NextSlide() {
	
	if ( Scount+1 <= SlideLen) {
	Scount++;
	
	document.images.SlidePic.src = preLoad[Scount].src;
	document.slideform.slidetitle.value = SlideTitle[Scount];
	}

}

function PrevSlide() {

	if ( Scount-1 > 0) {
	Scount--;
	document.images.SlidePic.src = preLoad[Scount].src;
	document.slideform.slidetitle.value = SlideTitle[Scount];
	}
}

function StopSlide()
{
	clearTimeout(ReTimeout);
}

//-->
</SCRIPT>
</HEAD>


<BODY bgcolor="<%BGCOLOR%>" onload="RunSlide()">

<div align=center><form name=slideform>
<table border=0 cellpadding=0 cellspacing=0 bgcolor=#CCCCCC><tr><td>
<table border=0 cellpadding=0 cellspacing=1 width=100%>
<tr>

	<td width=500 height=520 align=center bgcolor=#F6F6F6 colspan=2><img src="<%DOMAIN%>/<%TEMPLATE%>/image/slide_wait.gif" name=SlidePic border=1 onError="src='image/no_image.gif'"></td></tr>


<tr>
	<td align=center bgcolor=#E0E0E0 colspan=2><input type=text name=slidetitle size=30 style="background-color:rgb(224,224,224); border-width:1; border-color: silver; border-style:solid; width=400px"></td>
</tr>

<tr>
	<td colspan=2>
	
	<table border=0 cellpadding=0 cellspacing=0 width=100%><tr>
	<td width=80 bgcolor=#E0E0E0 background="<%TEMPLATE%>/image/s_bg.gif">&nbsp;<a href="javascript:window.close()"><%L_CLOSE%></font></td>
	<td align=center bgcolor=#E0E0E0 background="<%TEMPLATE%>/image/s_bg.gif"><a href="javascript:PrevSlide()"><img src="<%TEMPLATE%>/image/s_back.gif" border=0 align=absmiddle></a><a href="javascript:RunSlide()"><img src="<%TEMPLATE%>/image/s_play.gif" border=0 align=absmiddle></a><a href="javascript:StopSlide()"><img src="<%TEMPLATE%>/image/s_stop.gif" border=0 align=absmiddle></a><a href="javascript:NextSlide()"><img src="<%TEMPLATE%>/image/s_next.gif" border=0 align=absmiddle></a></td>

	<td width=80 align=right bgcolor=#E0E0E0 background="<%TEMPLATE%>/image/s_bg.gif"><font size=2><select name=slidespeed>
	<option value=2000>1</option>
	<option value=4000 selected>3</option>
	<option value=6000>5</option>
	<option value=8000>7</option>
	<option value=11000>10</option>
	<option value=21000>20</option>
	</select> Sec&nbsp;</font></td>
	</tr></table>

	</td>
</tr>


</table>
</td></tr></table>
</form>
</div>

</body>
</html>