xanti
03-14-2005, 12:31 AM
I've been looking for the right script for a slideshow I'm adding to my site. The following script from JavaScript Kit is the best I've found for my purposes (changing onMouseover to onClick) and it adapts to my layout perfectly, but I'd really like to add captions beneath the slides as straightforward paragraph text (ie. not as a form/input field). Can anyone suggest how I might do this?
Or does anyone have a slideshow script including captions that changes slides via thumbnails (*not* buttons or automatically)?
Thanks.
----------
<script>
/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
*/
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("plane1.gif","plane2.gif","plane3.gif","plane4.gif","plane5.gif")
</script>
----------
Image placement code:
<a href="javascript:warp()"><img src="plane0.gif" name="targetimage" border=0></a>
----------
Rollover text/image code:
<a href="b2.htm" onMouseover="changeimage(myimages[0],this.href)">Plane 1</a>
----------
Or does anyone have a slideshow script including captions that changes slides via thumbnails (*not* buttons or automatically)?
Thanks.
----------
<script>
/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
*/
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("plane1.gif","plane2.gif","plane3.gif","plane4.gif","plane5.gif")
</script>
----------
Image placement code:
<a href="javascript:warp()"><img src="plane0.gif" name="targetimage" border=0></a>
----------
Rollover text/image code:
<a href="b2.htm" onMouseover="changeimage(myimages[0],this.href)">Plane 1</a>
----------