1

我目前在我的网站http://www.ambassadorsofnowhere.com上使用 jQuery carouses 。但是当第一页加载时，轮播首先显示所有图片，一秒钟后消失，然后就可以正常工作了。以前有人遇到过这个问题吗？您可以在下面看到轮播中的图像列表

            <div id="slider">
            <ul id="mycarousel" class="jcarousel-skin-carousel">
                <li><img src="<?php echo base_url(); ?>img/1.jpg" width="800" height="300" alt="" /></li>
                <li><img src="<?php echo base_url(); ?>img/2.jpg" width="800" height="300" alt="" /></li>
                <li><img src="<?php echo base_url(); ?>img/3.jpg" width="800" height="300" alt="" /></li>
            </ul>
        </div>
4

2 回答 2

1

好吧，这个 CSS 解决方案可以解决问题：

div.slider {
    max-width: 300px;
    overflow: hidden;
}

试一试，最终适应你的需要，这只是向你展示原理。

于 2011-04-07T18:53:09.947 回答
0

您可以为列表项设置 display:none 除了第一个项目，然后在调用 jQuery carousel 之前设置要阻止的项目显示

 <div id="slider">
        <ul id="mycarousel" class="jcarousel-skin-carousel">
            <li><img src="<?php echo base_url(); ?>img/1.jpg" width="800" height="300" alt="" /></li>
            <li style="display:none"><img src="<?php echo base_url(); ?>img/2.jpg" width="800" height="300" alt="" /></li>
            <li style="display:none"><img src="<?php echo base_url(); ?>img/3.jpg" width="800" height="300" alt="" /></li>
        </ul>
    </div>
<script>
jQuery("#slider ul li").css("display:block");
\\ carousel call
</script>
于 2011-04-07T18:57:48.173 回答