Javascript 只有一个图像的jQuery循环插件
这是一个有点奇怪的问题,但我试图使用cycle插件只显示一幅图像。这只是为了使用插件提供的各种效果。我有一行带有特定文本的图像,每个图像/文本都将托管在一个div标记中,该标记将由cycle插件封闭。在某些时候,不同的div标签会使用插件的cycle函数产生一些动画效果。我想我可以添加相同的div标签来解决这个问题,但我想知道是否有人知道如何做我想做的事情 如果您试图在具有相同图像但不同文本的div之间循环,则可以这样做。这里有一个基本的例子Javascript 只有一个图像的jQuery循环插件,javascript,jquery,jquery-cycle,Javascript,Jquery,Jquery Cycle,这是一个有点奇怪的问题,但我试图使用cycle插件只显示一幅图像。这只是为了使用插件提供的各种效果。我有一行带有特定文本的图像,每个图像/文本都将托管在一个div标记中,该标记将由cycle插件封闭。在某些时候,不同的div标签会使用插件的cycle函数产生一些动画效果。我想我可以添加相同的div标签来解决这个问题,但我想知道是否有人知道如何做我想做的事情 如果您试图在具有相同图像但不同文本的div之间循环,则可以这样做。这里有一个基本的例子 <script type="text/java
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
<style type="text/css">
.slideshow { position: relative }
.slideshow div { position: relative; }
.slideshow div span { position: absolute; top: 5px; left: 5px; }
</style>
<div class="slideshow">
<div>
<span>Here's some text!</span>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
</div>
<div>
<span>Some more different text.</span>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
</div>
<div>
<span>Even more different text.</span>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
</div>
</div>
$(文档).ready(函数(){
$('.slideshow')。循环({
fx:‘淡入’//选择您的转换类型,例如:淡入、向上滚动、洗牌等。。。
});
});
.slideshow{position:relative}
.slideshow div{position:relative;}
.slideshow div span{位置:绝对;顶部:5px;左侧:5px;}
这里有一些文字!
更多不同的文本。
甚至更多不同的文本。