的Html滑塊不工作

我的HTML代碼滑塊的Html滑塊不工作

<div id="slideshow"> 
    <div> 
    <img src="5658667829_2bb7d42a9c_m.jpg"> 
    </div> 
    <div> 
    <img src="5638093881_a791e4f819_m.jpg"> 
    </div>

我的CSS代碼爲滑塊

#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
} 
    #slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

我的jQuery代碼爲滑塊

$("#slideshow > div:gt(0)").hide(); 
    setInterval(function() { 
    $('#slideshow > div:first') 
    .fadeOut(1000) 
    .next() 
    .fadeIn(1000) 
    .end() 
    .appendTo('#slideshow'); 
}, 3000);

這是我的滑碼這不起作用，請幫忙。

來源

2014-02-20 Tanmay Nehete

你使用jquery.ui.slider？ – user2167382

否我應該在哪裏得到它 –

你檢查了瀏覽器控制檯是否有任何javascript錯誤？ – SFIntegrator

它爲我工作。您錯過了幻燈片div的結束標記。無論是我的代碼是belove

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>slider</title> 
     <script src="jquery-1.8.3.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
        $("#slideshow > div:gt(0)").hide(); 
          setInterval(function() { 
          $('#slideshow > div:first') 
          .fadeOut(1000) 
          .next() 
          .fadeIn(1000) 
          .end() 
          .appendTo('#slideshow'); 
         }, 3000); 
      }); 
     </script> 
     <style> 
       #slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
} 
    #slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
} 
     </style> 
    </head> 
     <body> 
      <div id="slideshow"> 
    <div> 
    <img src="123.jpg"> 
    </div> 
    <div> 
    <img src="321.jpg"> 
    </div> 
</div> 
     </body> 
    </html>

來源

2014-02-20 07:15:33 next2u

thnx求助.. –

@坦桑最歡迎.. – next2u

嘗試使用文檔準備好您的jQuery代碼

來源

2014-02-20 07:13:30

的Html滑塊不工作

回答

相關問題