0

私はこのjQueryカルーセルを持っています: http://dougie.thewestharbour.com/wp-content/themes/dougie/slider.html

現在はうまく機能していますが、css と jQuery で修正しようとしていることが 2 つあります。

http://dougie.thewestharbour.com/wp-content/themes/dougie/carousel/css.css http://dougie.thewestharbour.com/wp-content/themes/dougie/carousel/js.js

画面の中央にある 2 番目のフレームから開始し、1 番目のフレームを左側に、3 番目のフレームを右側に配置するにはどうすればよいですか? 1 番目と 3 番目が両側に均等に配置されるように、中央に配置する必要があります。

1280 ワイド画面でどのように見えるかの画像を添付しました。次に、より大きな画面サイズでは、左右の画像がより多く表示され、すべてが中央に配置されます.

ここに画像の説明を入力

また、1 から 2 に移動するときに次のループが追加されることがわかります。実際に追加されないように、最後から 1 に戻るときに追加するようにするにはどうすればよいですか?

ありがとう、ウェイド

4

1 に答える 1

2

カルーセル プラグインを見ると、開始インデックスを持つことはできないと思います。ただし、次のようなものを見つけました：jCarousel

コードを変更するulだけで、次の js にid を追加できます。

$(document).ready(function() {
    $('#mycarousel').jcarousel({
        start: 2,
        auto: 2,
        scroll: 1,
        wrap: "circular"
    });
});

アクティブ を中央に配置する信頼できる方法を見つけることができませんでしたli。しかし、私は方法があると確信しています。

編集：今それを行うことができます...

ビューポートの幅を の幅li、つまり 750px に設定するだけです。margin:0 auto;次に、ビューポート css に追加します。ああ、に設定overflowしvisibleます。

デモ

于 2011-05-10T08:39:13.630 に答える