So I am fairly new to javascript. I would like to add a link to each of the images in this slideshow. There are only two images. I have tried to link them like you would with an <a>
in html...but that didn't work since it's Javascript. Is there a simple line of code that I could add to link each individual image in a Javascript slideshow to different sites? Thanks so much. Any feedback is much appreciated.
Here is my code. Thanks to help from dynamicdrive.com
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [1024, 511], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["../Images/slideshow_wakeup.png"],
["../Images/slideshow_2.png"]
<!--["newappvantagemobile.com/images/slideshow_3.png"]-->
//<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:4500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 900, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
From the original documentation of the
imagearray
array:So you need to change the
imagearray
array to this:I'll explain it. The array has 4 elements.
_new
means on a new window/tabHope this helps.