Cycle2 tworzy obrazy linki

Question

Hi Ive po prostu zamienione z Keyframes na Cycle2 (http://jquery.malsup.com/cycle2/) jako sposób wyświetlania zdjęć, zamieniłem się na cycle2, ponieważ wierzyłem, że to pozwoli mi tworzyć obrazy, potrzebuję tylko jednego z obrazów link nie wszystkie z nich tak, gdy pokaz ją do zjeżdżalni link jest aktywny,

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

to działa prawidłowo slajdów doskonały, wkrótce w próbuję

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

na jednym z obrazów, wyrywa go z pokazu slajdów i wyświetla pod spodem jako własny obraz.

każda pomoc mile widziane

Dzięki

Answer 1

From the Cycle2 FAQ

chcę użyć slajdy, które nie są obrazy. Jak mogę powiedzieć Cycle2, jakie są moje slajdy?

Użyj atrybutu przesuwów cyklu danych, aby udostępnić selektor jQuery, który identyfikuje elementy w kontenerze, które są slajdami. Dla przykład, jeśli pokaz jest ul z li slajdy należy ustawić atrybut tak: dane-Cycle slajdy = „Li”

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

w Twoim przypadku, to prawdopodobnie potrzebujesz czegoś takiego:

<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

byłoby poprawne określenie protokołu - "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>