Use this version of the script (copy the whole thing as a number of things are different, then configure the variableslides array to be your own):
Code:
<script type="text/javascript">
/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var variableslide=new Array()
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)", optional event or attribute for link]
variableslide[0]=['http://www.dynamicdrive.com/dynamicindex4/ball.gif', '', '']
variableslide[1]=['http://www.dynamicdrive.com/spaceship.gif', 'http://www.space.com', 'Has aliens landed on earth? You decide.', 'onclick="return variableslide.clickfunc(this);"']
variableslide[2]=['http://www.dynamicdrive.com/dynamicindex4/cake.gif', '', '']
variableslide.clickfunc = function(el){
open(el.href, '_new', 'width=650, height=500');
return false;
};
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth='130px' //set to width of LARGEST image in your slideshow
var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='#F3F3F3'
//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000
////Do not edit pass this line////////////////
var ie=document.all
var dom=document.getElementById
for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}
var currentslide=0
function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'"' + (variableslide[currentslide][3]? variableslide[currentslide][3] : '') + '>'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]
if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}
if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}
if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider
</script>
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
Notice the line (addition highlighted, scroll the block to see it):
Code:
variableslide[1]=['http://www.dynamicdrive.com/spaceship.gif', 'http://www.space.com', 'Has aliens landed on earth? You decide.', 'onclick="return variableslide.clickfunc(this);"']
If you add that to any variableslides entry that has a link configured for it, it will launch a new window using:
Code:
variableslide.clickfunc = function(el){
open(el.href, '_new', 'width=650, height=500');
return false;
};
Adjust the width and height as desired. See:
http://www.w3schools.com/jsref/met_win_open.asp
or your favorite javascript resource for other specs you may add for the new window. But be aware, not all browsers allow all specs. All modern browsers insist (for security reasons) on showing the address, usually in an address bar, but sometimes in the chrome - like a title.
Slide show problem
Reply With Quote
Bookmarks