Several methods:

Simplest is put an <a> tag around each image in your markup.

Alternate method- create array of the url's and bind a click handler to images. Index the images to the url array and the window function you want such as open() for a new tab. Will need to modify cursor in CSS for this method

var urlArray=['http://www.yahoo.com','http://www.google.com','http://www.ebay.com'];

    $("#mySlideshow img").click(function() {
        var imageIndex= $(".pics img").index(this);
        window.open(urlArray[imageIndex])// to open in same window use window.location.assign(urlArray[imageIndex])
   
    });

quez wrote:
Hi all,
I would like to link each image in the cycle to a specific page. Any
ideas on how to do this? I got it to cycle and everything is working
fine. I just want it so that the actual image is clickable.

Thank you.

  

Reply via email to