我試圖在jQuery的一個基本的圖像滑塊,嘗試下面的代碼:故障排除使用jQuery的圖像滑塊
<div id="Photos">
<img alt="First" src="../../Images/9-10-2012 2-59-52 PM.png" class="Show"/>
<img alt="Scond" src="../../Images/9-10-2012 3-00-20 PM.png" />
<img alt="Third" src="../../Images/9-11-2012 11-56-09 AM.png" />
</div>
<script type="text/javascript">
$(document).ready(function() {
slideshow();
});
function slideshow() {
var current = $('#Photos.Show');
var next = current.next().length ? current.next() : current.parent().children(':first');
current.hide().removeClass('Show');
next.fadeIn().addClass('Show');
setTimeout(slideshow, 3000);
}
</script>
它不滑動,即使所有三個圖像同時顯示不斷。請幫忙。謝謝。
謝謝,現在它可以工作,請你告訴我,什麼時候添加這樣的空間和爲什麼? –
每當我們引用父div的子div w.r.時,我們需要使用這種格式。例如,$(「。parent ul」),$(「。parent #child」)... – sathish
Thanks mate。 @satish –