Cycle2制作图像链接
Cycle2制作图像链接
提问于 2013-05-10 20:41:09
嗨，我刚刚从关键帧切换到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>在其中一个图像上，它将其从幻灯片中剔除，并将其作为自己的图像显示在下面。
感谢您的任何帮助
谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 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>Stack Overflow用户
发布于 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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16482492
复制相关文章
相似问题
腾讯云开发者
