jQuery循環插件只有一個圖像

Question

這有點奇怪的問題，但我試圖使用循環插件只顯示一個圖像。這只是爲了使用插件提供的各種效果。我有一行圖像與某些文本，每個圖像/文本將被託管在一個div標籤中，該標籤將被循環插件包含。在某些時候，不同的div標籤會使用插件的循環功能產生一些動畫效果。我想我可以添加相同的div標籤來解決這個問題，但我想知道是否有人知道如何去做我想做的事情。

Answer 1

如果您嘗試在具有相同圖像但文字不同的DIV之間循環，那麼您可以這樣做。這是一個基本的例子。

<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>