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

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

希望这会有所帮助。