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

Question

* UPDATE *

У меня такая же проблема ... У меня есть баннер с изображениями, идущих слева направо - (Cycle2) Я надеялся добавить HREF Infront каждого из 3 отдельных изображений, которые при нажатии идут на отдельный URL-адрес ... Итак ... 3 разных файла href's to 3 разных баннерных изображений. *** Я попробовал ответ, который я был дан здесь, под Sperate пост, но я не могу добавить 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

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

Поместите код в файл JavaScript и загрузить его после того, как вы загрузили JQuery и cycle2 JavaScript файлы.

Примера (Поместите это прямо перед закрытием </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]; 

    });