Cycle2使圖像鏈接

Question

嗨我剛剛從關鍵幀交換到Cycle2（http://jquery.malsup.com/cycle2/）作爲幻燈片放映圖像的一種方式，我交換到了cycle2，因爲我相信這可以讓我製作圖像鏈接，我只需要其中一個圖像鏈接不是所有的人，所以當幻燈片獲取到幻燈片中的鏈接是活躍的，

<img src="/images/promo1.jpg"> 
<img src="/images/promo2.jpg"> 
<img src="/images/promo3.jpg"> 
<img src="/images/promo4.jpg"> 

這工作正常幻燈片完美，很快在我嘗試

<a href="http://www.google.co.uk"> 
<img src="images/promo2.jpg"></a> 

上的圖像的只有一個，它會將其從幻燈片中刪除，並將其顯示在其下方 圖片。

任何幫助讚賞

感謝

Answer 1

From the Cycle2 FAQ

我想使用不圖片幻燈片。我如何告訴Cycle2我的幻燈片是什麼？

使用data-cycle-slides屬性提供一個jQuery選擇器，其中 標識容器中的幻燈片元素。對於 例如，如果您的幻燈片是李的UL幻燈片，你將設置 屬性是這樣的：數據週期滑梯=「禮」

<ul class="cycle-slideshow" data-cycle-slides="li"> 
    <li><img src="path/to/some/image1.jpg"></li> 
    <li><img src="path/to/some/image2.jpg"></li> 
    <li><img src="path/to/some/image3.jpg"></li> 
</ul> 

在你的情況，你可能需要的東西，如：

<ul class="cycle-slideshow" data-cycle-slides="li" data-cycle-fx="scrollHorz"> 
    <li><a href="http://www.example.com"><img src="http://placehold.it/350x150"/></a></li> 
    <li><a href="http://www.example.com"><h2>This is a non-image slide</h2></a></li> 
    <li><a href="http://www.example.com"><img src="http://placehold.it/350x150"/></a></li> 
    <li><a href="http://www.example.com"><h2>This is a non-image slide</h2></a></li> 
</ul> 

Working Example

Answer 2

這將是正確的指定協議 - 「HTTP：//」

<ul class="cycle-slideshow" data-cycle-slides="li"> 
    <li><a href="http://www.google.co.uk"><img src="path/to/some/image1.jpg"></a></li> 
    <li><a href="http://www.google.co.uk"><img src="path/to/some/image2.jpg"></a></li> 
    <li><a href="http://www.google.co.uk"><img src="path/to/some/image3.jpg"></a></li> 
</ul>