1

私は現在、私のウェブサイトhttp://www.ambassadorsofnowhere.comで jQuery カルースを使用しています。しかし、最初のページが読み込まれると、カルーセルは最初にすべての写真を表示し、1 秒後に消えてから正常に動作します。誰かが以前にこの問題を抱えていましたか? 以下に、カルーセル内の画像のリストを示します。

            <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カルーセルを呼び出す前にアイテムの表示をブロックするように設定できます

 <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 に答える