如何在幻灯片中为每张图片添加链接？

Question

我使用了彼得在网站上为你的一个回答提供的“为什么这个幻灯片会闪烁”的代码，它完美地运行而没有任何闪烁，但我的问题是如何为每个图像添加超链接。 我已经贴出了代码供您参考。

(function() {     
  // ------     
  // ###### Edit these.     
  // Assumes you have images in path named 1.jpg, 2.jpg etc.     
  var imagePath = "images";     
  var lastImage = 5;         
  // How many images do you have?     
  var fadeTime = 4000;       
//  var index=1;
  // Time between image fadeouts.      
  // ------     
  // ###### Don't edit beyond this point.     
  // No need for outer index var     
  function slideShow(index) {                   
  var url = imagePath + "/" + index + ".jpg";                 
  // Add new image behind current image         
  $("#slideShow").prepend($("<img/>").attr("src",url));    
  // Fade the current image, then in the call back           
  //   remove the image and call the next image         
  $("#slideShow img:last").fadeOut("slow", function() {             
  $(this).remove();   
  setTimeout(function() {                  
  slideShow((index % lastImage) + 1)              
  }, fadeTime);         

  });     
  }     
  $(document).ready(function() {           
  // Img 1 is already showing, so we call 2    
   setTimeout(function() { slideShow(2)}, fadeTime);     
   delay(1000);
  }); })();  

</script>

请帮忙.................

- Savitha Soundravelu

Answer 1

在你的这一行：

$("#slideShow").prepend($("<img/>").attr("src",url));   

我真的不懂JQuery或者其他什么东西，但是我理解Javascript和HTML。

你能加上一个：

.attr("onClick",JAVASCRIPTNAMEHERE)

到底了吗？

$("#slideShow").prepend($("<img/>").attr("src",url).attr("onClick","window.Navigate('www.Google.com')"); 

- Freesnöw

---

DalexL，感谢您回答我的问题。您上面提供的代码将所有图像链接到相同的“www.google.com”，但我需要每个图像有不同的链接。 - Savitha Soundravelu

你对这门语言掌握多少？难道不能使用简单的if语句或从文件中读取数据来确定链接吗？我的例子只是一个例子。为什么要把每个人都发送到谷歌呢:P（虽然它是一个很棒的网站:3） - Freesnöw

我尝试插入你之前提到的那行代码，但问题仍未解决。图片没有显示任何链接。 - Savitha Soundravelu

Answer 2

在此之后：

$("#slideShow").prepend($("<img/>").attr("src",url));

尝试添加这个。

$('#slideshow img').wrap('<a href="location" />');

您需要更改位置，以便链接指向您想要的位置

- Mark Steggles

---

谢谢你的回答。你给出的代码将所有图像链接到同一页，但我想为每个图像设置不同的链接。 - Savitha Soundravelu

Answer 3

替代

$("#slideShow").prepend($("<img/>").attr("src",url));  

尝试使用

$("#slideShow").prepend($("<a href='" + url + "'><img src='" + url + "' /></a>"));  

HTH

- root

---

感谢您的回应，我尝试了以上代码如下：$("#slideShow").prepend($("<a href='" + www.google.com+ "'><img src='" + url + "' /></a>")); 但很遗憾，我没有得到图像的链接。请帮助…… - Savitha Soundravelu