Blending Image Slideshow Script (Best seen with IE 4+)

**Ryan1** · 07-26-2011, 05:07 PM

1) Script Title: Blending Image Slideshow Script (Best seen with IE 4+)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/image4.htm

3) Describe problem: No Images displayed, just a blank rectangle, Nothing happens when you click on it

Here is the code I have used in head:

Code:

<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("rakeback1.gif","rakeback2.gif","rakeback3.gif")

//specify corresponding links
var slidelinks=new Array("http://www.pokerblogx.com/rakeback/","http://www.pokerblogx.com/rakeback/","http://www.pokerblogx.com/rakeback/")

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>

and body...

Code:

<a href="javascript:gotoshow()"><img src="rakeback1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width=160 height=316></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>

Thanks

**vwphillips** · 07-27-2011, 03:46 PM

works for me

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
<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("http://www.vicsjavascripts.org.uk/StdImages/One.gif","http://www.vicsjavascripts.org.uk/StdImages/Two.gif","http://www.vicsjavascripts.org.uk/StdImages/Three.gif")

//specify corresponding links
var slidelinks=new Array("http://www.pokerblogx.com/rakeback/","http://www.pokerblogx.com/rakeback/","http://www.pokerblogx.com/rakeback/")

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></head>

<body>
<a href="javascript:gotoshow()"><img src="rakeback1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width=160 height=316></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>
</body>

</html>

check you image paths and names, all case sensitive

**Ryan1** · 07-28-2011, 06:21 PM

Thanks for getting back to me. Paths for images are all good. Maybe something else in the header is interfering? Would other javascript used with google analytics interfere? I have listed the whole head section here (the analytics javascript is in the last part of the body):

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Rigged? Online Poker Watchdog - Analysis Tests Evidence</title>
<link href="home-styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#copyright {
	float: right;
	width: 400px;
}
</style>
<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("rakeback1.gif","rakeback2.gif","rakeback3.gif")

//specify corresponding links
var slidelinks=new Array("http://www.pokerblogx.com/rakeback/","http://www.pokerblogx.com/rakeback/","http://www.pokerblogx.com/rakeback/")

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>
</head>

**vwphillips** · 07-29-2011, 07:03 AM

post a link to your page

**Ryan1** · 07-29-2011, 10:48 AM

My page is:

Is Poker Rigged?

The banner's aren't on it yet as I need to make sure that they are running smoothly first.

Many thanks for your help.

**vwphillips** · 07-29-2011, 11:12 AM

it tried it usin the source of your page but with my images and it works

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Rigged? Online Poker Watchdog - Analysis Tests Evidence</title>
<link href="http://www.ispokerrigged.com/home-styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#copyright {
	float: right;
	width: 400px;
}
</style>
<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("http://www.vicsjavascripts.org.uk/StdImages/One.gif","http://www.vicsjavascripts.org.uk/StdImages/Two.gif","http://www.vicsjavascripts.org.uk/StdImages/Three.gif")

//specify corresponding links
var slidelinks=new Array("http://www.pokerblogx.com/rakeback/","http://www.pokerblogx.com/rakeback/","http://www.pokerblogx.com/rakeback/")

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>
</head>
<body>

<a href="javascript:gotoshow()"><img src="rakeback1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width=160 height=316></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>

<div id="container">

..............

**Ryan1** · 07-29-2011, 12:49 PM

I copied your code in and changed the images to mine and it worked fine in preview mode but when I published it the images don't appear. In chrome and explorer there is a blank box (the link works when I click it) and in firefox the image isn't there.

Again, many thanks for your help with this

**Ryan1** · 07-29-2011, 12:49 PM

PS I'll leave it published like this for a little while.

**vwphillips** · 07-29-2011, 01:39 PM

try

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
</head>

<body>
<img src="ttp://www.ispokerrigged.com/rakeback1.gif" />
<img src="ttp://www.ispokerrigged.com/rakeback2.gif" />
<img src="ttp://www.ispokerrigged.com/rakeback3.gif" />
</body>

</html>

they do not load

**Ryan1** · 07-29-2011, 03:32 PM

Getting closer! It looks perfect in firefox...

but in chrome and explorer it isn't loading and there are duplicate ares

I've left it published again.

Thanks

Thread: Blending Image Slideshow Script (Best seen with IE 4+)

Thread Tools

Search Thread

Blending Image Slideshow Script (Best seen with IE 4+)

Bookmarks

Bookmarks

Posting Permissions