圖像幻燈片的JavaScript幻燈片

Question

我正在從事這個網站 [http://ibm-uet.edu.pk/index.php]。

這裏使用的圖像滑塊是一個javascript插件。這裏的問題是，在第一次加載頁面時，滑塊中的所有圖像都顯示爲一行，使得頁面看起來很尷尬，... 請任何人告訴我擺脫這個錯誤。

Answer 1

更新一些CSS和JavaScript。首先使滑塊div隱藏，當頁面準備就緒時，它會在調用jQuery滑塊函數之前顯示。

<style> 
#coin{ 
display:none; 
} 
</style> 
<script> 
$(document).ready(function() { 
$('#coin').css('display','block'); 
$('#coin').coinslider({ width: 900, navigation: false, delay: 5000,hoverPause: true }); 
}); 
</script> 

希望這會有所幫助。