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>