Cycle2は画像のリンクを作成します

Question

こんにちは、画像をスライドショーする方法としてKeyframesから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セレクタを提供します。スライドショーであれば 例えば、Liと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>