PDA

View Full Version : slide show



ravifine
05-30-2006, 02:26 PM
Hi

I have a code which display slideshow of images, I want to add a text next to the image and i want alt description for the image, is it possible? need help

thanks
ravi

Twey
05-30-2006, 03:37 PM
Most likely.

Jack
05-30-2006, 03:40 PM
Hi ravifine,

Post your script and I’ll try to figure something out. :)

ravifine
05-30-2006, 03:43 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">

var photos=new Array()
var photoslink=new Array()
var slidedescs=new Array()
var which=0

//define images. You can have as many as you want:
photos[0]="hurry.jpg"
photos[1]="player.jpg"
photos[2]="watch.jpg"
photos[3]="cake.jpg"

//Specify whether images should be linked or not (1=linked)
var linkornot=1

//Set corresponding URLs, width and height for links in a new window
//for each of above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=["http://www.google.com/"/*, 300, 250*/]
photoslink[1]=["http://www.yahoo.com/"/*, 500, 100*/]
photoslink[2]=["http://www.dynamicdrive.com/"/*, 375, 200*/]


slidedescs[0]=["rediff"]
//do NOT edit pass this line

var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}

function applyeffect(){
if (document.all && photoslider.slidedescs){
//photoslider.filters[0].Stop()
//photoslider.filters[0].Apply()
}
}

/*function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters[0].Play();
}

function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}*/

function backward(){
clearTimeout(moving);
which=which>0? which-1 : photos.length-1
applyeffect()
document.images.photoslider.src=photos[which]
//playeffect()
//keeptrack()
moving=setTimeout("forward2()",6000)
}

function forward(){
clearTimeout(moving);
which=which<photos.length-1? which+1 : 0
applyeffect()
document.images.photoslider.src=photos[which]
//playeffect()
//keeptrack()
moving=setTimeout("forward2()",6000)
}

function forward2(){
clearTimeout(moving);
which=which<photos.length-1? which+1 : 0
applyeffect()
document.images.photoslider.src=photos[which]
//playeffect()
//keeptrack()
moving=setTimeout("forward2()",10000)
}

function transport(){
window.location=photoslink[which]
/*window.open(photoslink[which][0],'','width='+photoslink[which][1]+', height='+photoslink[which][2])*/
}

function move(){
setTimeout("",20);
moving=setTimeout("forward2()",10000)
}


onload=move;
//desc.innerHTML = "<span id=\"imagedesc\" style=\"font-weight:normal;\">" + slidedescs[0]

</script>
</head>
<body>
<div style="border-style:solid; border-color:#999999; border-width:1px; width:345px; ">
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img style="filter:none;" src="'+photos[0]+'" name="photoslider" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</div>
<div style="background-color:#999999; width:347px; "><span><a href="#" onClick="backward();return false">Previous Slide</a></span>
<span style="padding-left:190px; "><a href="#" onClick="forward();return false">Next Slide</a></span>
</div>

</body>
</html>

Twey
05-30-2006, 03:51 PM
See this modification (http://www.twey.co.uk/files/slide.html). Hide what you don't want by giving it style="display:none;".

Jack
05-30-2006, 04:02 PM
Ah I’m using that script on my site too. (Back in the day when my site was online that is) ;) Sorry but I can’t help you… Maybe someone else will be able to or maybe you’ll simply want to look for a different script that already does those things.

Sorry… :(

ravifine
05-30-2006, 04:06 PM
In this example the first and second images are going to the same hyperlink

ravi

Twey
05-30-2006, 04:19 PM
Are you sure? Doesn't for me in any of the browsers I tried it in...