0

ここからJQueryカルーセルプラグインを使用しています：http ：//www.thomaslanciaux.pro/jquery/jquery_carousel.htm

私はそれをそのように設定しました：

<script type="text/javascript">
    $(function(){
        $(".carousel").carousel();
    });
</script>

<div id="carouselholder">
<div class="carousel">
    <ul>
        <li><img src="images/1.jpg" alt=""></li>
        <li><img src="images/2.jpg" alt=""></li>
        <li><img src="images/3.jpg" alt=""></li>
    </ul>
</div>
</div><!--CAROUSELHOLDER-->

しかし、[次へ]ボタンを押すと、全体ulではなく全体がシフトするようliです。

誰かがこれを修正する方法を知っていますか？（または、より良いプラグインがあるのでしょうか？）

下：Element Inspectorのスクリーンショット：

ここに画像の説明を入力してください

4

3 に答える 3

1

このプラグインのドキュメントは少し薄いようです。機能させるには追加のスタイリングが必要なようですが、この点を示す例はありません。

あなたのセットアップは正しく、実際には UL グループ全体が移動し、現在選択されている li のみが表示されます。上記の簡単なコードを使用して、次の CSS を追加して機能させるだけでした。

li {
  float: left;
}

コンテナにもう少しスタイルを追加してビューを制限するだけで、準備完了です。

于 2012-12-17T00:20:18.123 に答える
0

すべての助けに感謝しますが、Cycle プラグインの修正版の方がはるかにうまく機能することがわかりました。

http://jquery.malsup.com/cycle/nowrap.html

于 2012-12-17T00:39:10.497 に答える
0

それが本来の働き方だと思います

カルーセル ラップに幅を設定すると、1 つの画像のみが表示され、UL は次の画像を表示するように位置をシフトします。

li タグが動かない

別のプラグインを試してみたい場合は、 http://caroufredsel.dev7studios.com/index.phpをお勧めします。

于 2012-12-17T00:11:25.283 に答える