嗨,我刚刚从关键帧切换到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>在其中一个图像上,它将其从幻灯片中剔除,并将其作为自己的图像显示在下面。
感谢您的任何帮助
谢谢
发布于 2013-05-10 23:21:53
From the Cycle2 FAQ
我想使用不是图像的幻灯片。如何告诉Cycle2我的幻灯片是什么?
使用data-cycle-slides属性提供一个jQuery选择器,该选择器标识容器中作为幻灯片的元素。例如,如果您的幻灯片是一个带有li个幻灯片的ul,您可以像这样设置属性: data-cycle- slides ="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>在您的情况下,您可能需要类似以下内容:
<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>发布于 2013-10-09 23:13:18
将协议指定为"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>https://stackoverflow.com/questions/16482492
复制相似问题