Question

*更新*

我有同样的问题...... 我有一个从左到右的图像横幅 - （Cycle2）我希望在3个单独的图像中添加一个href，在点击时单独转到URL ... 所以... 3个不同的href到3个不同的横幅图像。 ***我尝试了一个答案，我在这里给出了一个特殊的帖子，但我不能添加3个不同的链接......

亲切的问候加里

如果我将http://google.com更改为我想要的链接，则无效。

理想情况下，链接是......

https://yplanapp.com/bristol/funk-up-your-good-friday-46369/checkout?utm_content=ticket_iframe&utm_source=a-partner-id&utm_medium=backlink&number=2&selected=/api/app/event/432246/

由于

下午好，

我正在使用cycle2作为我正在构建的朋友网站的横幅。

他们询问是否可以在其中一个横幅图片上传递和暂停时添加指向外部网站的链接，以便用户点击它。

我查看了cycle2网站，无法找到有关此主题的任何建议。

我希望这没关系。

亲切的问候

Answer 1

您可以使用以下代码（实时预览http://codepen.io/larryjoelane/pen/KVGJMp）：

将代码放在javascript文件中，并在加载jquery和cycle2 JavaScript文件后加载它。

示例（将此位置放在html文件中的结束</body>标记之前：

<!--Script Tags-->
<script src="pathtoyourjqueryfile"></script>
<script src="pathtoyourcycle2file"></script>

<!--place the code I provided in here-->
<script src="pathtoyouraddedjavascript"></script>

顺序很重要，因为您需要先加载jQuery。然后加载cycle2插件，最后加载我提供的代码。

JQuery的：

//array of links for each slide
 var links = [

  "http://google.com",
  "http://google.com",
  "http://google.com",
  "http://google.com",

];

$(document).on("click",".cycle-slideshow img",function(){

  //store the index(1 is subtracted because arrays begin with 0)
  //and index will return 1,2,3,4 etc.
  var index = $(this).index() - 1; 

  //navigate to the link
  window.location = links[index];

  });

Cycle2外部链接

1 个答案: