PDA

View Full Version : Blending Image Slide Show Script



piggolet
06-26-2006, 06:12 AM
Help! I'm new and i don't know how to use this script for my images. I'm not sure where to edit the html and I also have quite a lot of images to show. Anybody can show me how to? Better still do it for me.

THANKS!

jscheuer1
06-27-2006, 05:12 AM
Warning: Please include a link to the DD script in question in your post. See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) for the proper posting format when asking a question.

Please post a link to the page on your site that contains the problematic script so we can check it out.

piggolet
06-27-2006, 12:43 PM
Script: Blending Image Slideshow Script
http://www.dynamicdrive.com/dynamicindex14/image4.htm

sorry bout that. i didn't know there was a proper way to start a thread. anyway, i just need help for the editing part. i want to know where should i edit for my images and links. that's all.

thanks

jscheuer1
06-28-2006, 06:13 AM
Follow the instructions on the demo page. It generally is best to have a page already made up, just without the script installed, and open it up in notepad and follow the instructions. Here is where the images go:


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

You can include paths if needed:


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

Start out small, get it working with a few images then, add more.

piggolet
06-28-2006, 02:49 PM
Script: Blending Image Slideshow Script
http://www.dynamicdrive.com/dynamicindex14/image4.htm

here's the code that i'm having problems with. the pictures are not showing. where have i gone wrong?

<head>
<title>dreamloveplay</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("claire.jpg","claire.jpg")

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






<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8"/>


<script language="JavaScript">
<!--

function SymError()
{
return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
return (new Object());
}

window.open = SymWinOpen;

//-->
</script>


<style type="text/css">
#b-navbar { height:0px; visibility:hidden; display:none }


<div style="background: transparent; padding:3px; position: absolute; top:100px; left:600px; width: 160px;font-family: verdana; font-size: 7pt;">
<div class="super">.us</div>

<a href="javascript:gotoshow()"><img src="http://i15.photobucket.com/albums/a387/piggolet/claire.jpg", <img src="http://i15.photobucket.com/albums/a387/piggolet/claire.jpg" 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>

jscheuer1
06-28-2006, 04:49 PM
Well, at least you are trying. I'll give you an 'A' for effort. OK, but, you still really are not following the instructions. Your example code above has no closing </style> or </head> tags and no <body> tag. Also, how can you have a slide show with just one image? And, the images are supposed to be listed in the script, only one (the first one) goes in the image tag in the body. This works (I added a transparent .gif so that there would be two images, please do not use it for a live page):


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>dreamloveplay</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://i15.photobucket.com/albums/a387/piggolet/claire.jpg","http://home.comcast.net/~jscheuer1/side/spacer.gif")

//specify corresponding links
var slidelinks=new Array("http://www.dynamicdrive.com","http://javascriptkit.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>






<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8"/>


<script language="JavaScript">
<!--

function SymError()
{
return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
return (new Object());
}

window.open = SymWinOpen;

//-->
</script>


<style type="text/css">
#b-navbar { height:0px; visibility:hidden; display:none }
</style>
</head>
<body>

<div style="background: transparent; padding:3px; width: 236px;font-family: verdana; font-size: 7pt;margin:100px auto 0 auto;">
<div class="super">.us</div>

<a href="javascript:gotoshow()"><img src="http://i15.photobucket.com/albums/a387/piggolet/claire.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width="236" height="237"></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>