2016-02-07 107 views
1

* UPDATE *循環2外部鏈接

我有同樣的問題... 我有圖像去的橫幅從左至右 - (循環2) 我希望能增加一個HREF盈每的3個單獨的圖像,當點擊去分開的網址... 所以... 3個不同的href的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/

感謝

下午好,

我使用循環2對爲我建立一個朋友網站的一面旗幟。

他們詢問是否可以在其中一個橫幅圖像上添加鏈接到外部網站,因爲它通過並暫停,因此用戶可以點擊它。

我查看了cycle2網站,無法找到關於此主題的任何建議。

我希望這是好的。

親切的問候

回答

0

您可以使用下面的代碼(實時預覽http://codepen.io/larryjoelane/pen/KVGJMp):

將代碼放在一個JavaScript文件,並已加載jQuery和循環2 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然後加載循環2插件,然後最後加載代碼的順序很重要。我公司提供

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

    });