<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#ffffff" text="#000066">
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=['<a class="moz-txt-link-freetext" href="http://www.yahoo.com','http://www.google.com','http://www.ebay.com">
http://www.yahoo.com','http://www.google.com','http://www.ebay.com</a>'];
$("#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
