Cycle2 внешние ссылки

Question

* ОБНОВИТЬ *

У меня та же проблема... У меня есть баннер с изображениями, идущими слева направо - (Цикл 2) Я надеялся добавить href infront каждого из 3 отдельных изображений, которые при нажатии переходят на отдельные URL-адреса... Так... 3 разных ссылки на 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/

Спасибо

Добрый день,

Я использую цикл 2 для баннера для создаваемого мной сайта друзей.

Они спросили, можно ли добавить ссылку на внешний сайт на одном из изображений баннера, когда он проходит мимо и делает паузы, чтобы пользователь мог щелкнуть по нему.

Я посмотрел на сайте Cycle2 и не могу найти какой-либо совет по этому вопросу.

Я надеюсь, что это нормально.

С уважением

Answer 1

Вы можете использовать следующий код (Live Preview http://codepen.io/larryjoelane/pen/KVGJMp):

Поместите код в файл javascript и загрузите его после загрузки файлов JavaScript jquery и cycle2.

Пример (Поместите это прямо перед закрытием </body> тег в вашем HTML-файле:

<!--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];

  });