PDA

View Full Version : blending slideshow



arc_student
10-08-2004, 03:42 PM
I cannot get this to work in a table. I have run it through netscape and it says that (ie)? needs to be defined. I can get it to work independently from the intended page.

I'm desparate!!!! :eek:

Arc_student

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<script language="JavaScript1.1">
<!--

//*****************************************
// Blending Image Slide Show Script-
// Dynamic Drive (www.dynamicdrive.com)
// For full source code, visit http://www.dynamicdrive.com/
//*****************************************

//specify interval between slide (in mili seconds)
var slidespeed=3000

//specify images
var slideimages=new Array("image1.gif","image2.gif","image3.gif")

//specify corresponding links
var slidelinks=new Array("http://www.dynamicdrive.com","http://javascriptkit.com","http://www.geocities.com")

var newwindow=1 //open links in new window? 1=yes, 0=no

var imageholder=new Array()
var ie=document.all
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
if (newwindow)
window.open(slidelinks[whichlink])
else
window.location=slidelinks[whichlink]
}

//-->
</script>

<!--
body {
background-color: #40122E;
}
-->
</style></head>

<body>
<table width="800" height="384" border="0" cellpadding="0" cellspacing="0" bordercolor="#" background="images/pf_hm_pg_bg.jpg" bgcolor="#40122E">
<tr>
<td width="72" height="42" bgcolor="#40122E">&nbsp;</td>
<td colspan="3"><img src="images/the_navbar_flat.jpg" width="600" height="100"></td>
<td width="128" bgcolor="#40122E">&nbsp;</td>
</tr>
<tr>
<td height="261" bgcolor="#40122E">&nbsp;</td>
<td width="87">&nbsp;</td>
<td width="494"><a href="javascript:gotoshow()"><img src="image1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width=97 height=100></a>

<script language="JavaScript1.1">
<!--


var whichlink=0
var whichimage=0
var blenddelay=(ie)?
document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)?whichimage+1 : 0
setTimeout("slideit()",slidespeed+blenddelay)
}
slideit()

//-->
</script>

<p align="center"><font face="arial" size="-2">This free script provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p></td>
<td width="19">&nbsp;</td>
<td bgcolor="#40122E">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#40122E">&nbsp;</td>
<td colspan="3"><img src="images/navbar2_flat.jpg" width="600" height="100" border="0" usemap="#Map"></td>
<td bgcolor="#40122E">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#40122E">&nbsp;</td>
<td bgcolor="#40122E">&nbsp;</td>
<td bgcolor="#40122E">&nbsp;</td>
<td bgcolor="#40122E">&nbsp;</td>
<td bgcolor="#40122E">&nbsp;</td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="15,26,167,72" href="bl_n_wh.htm">
<area shape="rect" coords="175,27,242,72" href="colored.htm">
<area shape="rect" coords="355,29,493,70" href="about.htm">
<area shape="rect" coords="500,29,581,67" href="pricing.htm">
<area shape="rect" coords="247,30,347,76" href="contact.htm">
</map>
</body>
</html>