图像幻灯片的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> 

希望这会有所帮助。