在我的网站的一部分中,我想在每个图像下插入一些图像和文本,我希望图像和文本每隔几秒钟旋转一次。是否可以只使用CSS?
我用google搜索但我只找到了使用Java Script或Flash等的解决方案。也可以使用CSS3 @keyframes。但问题是IE和Opera不支持它。我正在寻找兼容的纯CSS解决方案。
答案 0 :(得分:2)
仅使用css是不可能的。你可以用CSS 3制作一些不错的图像画廊;但据我所知,它们不会自动旋转。此外,由于IE不支持大多数CSS 3功能,如果您需要支持IE,则必须使用javascript或flash。
您可能需要查看jquery-image-slider-plugins这是一篇关于http://www.tripwiremagazine.com/的文章,其中列出了您可能感兴趣的几个不错的图像旋转插件。
修改强>:
对于您在评论中链接的页面。它使用javascript作为图片旋转器。据我所知,这个插件似乎来自http://jquery.malsup.com/cycle/download.html。这些是我认为用于它的两个文件:
<script src="http://livedemo00.template-help.com/drupal_38002/sites/all/libraries/jquery.cycle/jquery.cycle.all.min.js?lzqlgq" type="text/javascript">
<script src="http://livedemo00.template-help.com/drupal_38002/sites/all/modules/views_jqfx_cycle/views_jqfx_cycle.js?lzqlgq" type="text/javascript">
答案 1 :(得分:2)
雅,我认为你不能阻止它并再次启动它。它绝对是一个有用的CSS功能。
在我调查时找到了这个:http://codepen.io/whootboy/pen/simple_css_3d_cubes/1
不是你想要的,但有趣的是动画如何与CSS一起使用