2012-09-11 28 views
0

我試圖在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> 

它不滑動,即使所有三個圖像同時顯示不斷。請幫忙。謝謝。

回答

1

修改下面的行。

var current = $('#Photos .Show'); 

在兩者之間增加間距。

+0

謝謝,現在它可以工作,請你告訴我,什麼時候添加這樣的空間和爲什麼? –

+0

每當我們引用父div的子div w.r.時,我們需要使用這種格式。例如,$(「。parent ul」),$(「。parent #child」)... – sathish

+0

Thanks mate。 @satish –

0

編輯像

setTimeout(slideshow(), 3000); 

可能它的工作原理...?

+0

不,它仍然不工作! –

+0

做它fiddle.may我們可以編輯它 – Gautam3164