2012-01-19 26 views
7

FlexSliderを使用して、実行時にスライドを追加または削除することはできますか?jQuery FlexSliderを使用したスライドの追加または削除

+2

この問題についてのヘルプも必要です。同じ問題があります。私の場合は、最初に表示された後に削除したい最初のスライドがあります。どんな助けでも大歓迎です!私は$( 'div')を使ってdivを削除しました。しかし、今度はslider.slidesを更新する必要があります。 –

答えて

14

FlexSlider 2の新しいバージョンではすでにこの方法がサポートされています。

slider.addSlide(obj, pos)は、文字列/ jQueryオブジェクトとインデックスの2つのパラメータを受け入れます。 slider.removeSlide(obj)は、1つのパラメータ(削除するオブジェクトまたはインデックス)を受け入れます。

+2

しかし、どのようにスライダオブジェクトにアクセスするのですか? – Zhen

+0

'.addSlide()'と '.removeSlide()'を使うと、 'start'と' end'プロパティ内のスライダオブジェクトにしかアクセスできません。 – Ojame

+9

@Zhenスライダーオブジェクトを作成するには、 'var slider = $( '。flexslider')。data( 'flexslider');'のようにスライダーオブジェクトを作成し、slider.removeSlide(0); – Simon27

0

FlexSliderの実際の実装は、FlexSliderをサポートしていません。

スライダオブジェクトを返すように実際の実装を変更する場合は、このオブジェクトを使用してスライダを停止し、必要なスライドを削除してスライダを再作成します。

1

これは、このスレッドを見てからわかりました。

スライダーとカルーセルオブジェクトがインスタンス化され、これを好きに追加することができます

$('#slider').data('flexslider').addSlide(""); 

$('#carousel').data('flexslider').addSlide(""); 

特定の画像にスクロールするには、カルーセル上のクリックが動作しませんが、仕事の両方で、スクロールボタン。

関連する問題