3

スライダーコード http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/

イメージモック http://i.imgur.com/qSs9u.png

私は開発者ではなく、デザイナーであり、javascript についてほとんど何も知りません。その上、Webの仕事を始めて10年ほど経ちます。一緒にコブリングしているスライダー ベースのサイトがあり、スライダーにいくつかの機能を追加または変更したいと考えています。スライダーは、HTML ファイルの最後で呼び出されます。

<script type="text/javascript">
        $(function() {

            $('#da-slider').cslider();

        });
    </script>

写真のように、スライダーのページを変更するテキスト ボタンを追加したいと思います。スライダーは、私が望むようにテキストを含んでいないボタンを生成します。現在、たとえばテキストボタンをアンカーとして使用しています

<a href="#" onClick="$('#da-slider').cslider({current:2});"><p>Live PA</p></a>

ただし、既に実行されているスライダーを変更するのではなく、そのページに新しいスライダーを作成します。この値を既に実行されているものに渡す方法はありますか? これは範囲の問題ですか？既存のインスタンスに渡すために間違った構文を使用しているだけですか? ボタンスパンに関連付けられたコードを探してみましたが、見つけることができるのはそれらが作成された場所だけで、クリックがどのように処理されるかはわかりません。私が慣れていないjQueryを使用していると思います。スライダーは jQuery ベースであるため、それも読み込まれていることに注意してください。

4

1 に答える 1

1

あなたの呼び出しは、新しい cslider インスタンスを初期化しています。

ソース コードを見ると、現在のページを変更するためのメソッド ページがあります。jQuery の通常の表記を使用すると、次のようにしてページを 2 ページ目に変更できます。

    $('#da-slider').cslider('page', 2);
于 2012-09-20T13:40:06.097 に答える