0

私は現在、サイトでsupersized と呼ばれるフルスクリーンの画像スライダーを使用しています。これは、次のようなスクリプト タグで画像と関連するエクストラを参照します。

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

            // Functionality
            property_1   :   value,     
            property_2   :   value,     

            slides       :   [
            {image :'http://image1.jpg', title :'Name1', url :'1.html'},
            {image :'http://image2.jpg', title :'Name2', url :'2.html'},
            {image :'http://image3.jpg', title :'Name3', url :'3.html'},
            ],

            // Options             
            option_1     :   value,
            option_1     :   value
        });
    });
</script>

非常に素晴らしいのは、ajax (jquery が推奨されますが、vanilla js は問題ありません) を介して、関連付けられたエクストラと共に画像の新しい配列を動的にロードできることです。これは可能ですか？もしそうなら、私はその方法を説明するリソースを見つけるのに苦労しました.

4

1 に答える 1

1

そのような機能を自分でコーディングする必要があるようです。

プラグイン作成者が FAQ に書いている内容を参照してください: http://www.buildinternet.com/project/supersized/faq.html#q-4

Can I load different sets of slides without reloading the page?
This is a feature I am looking to develop out in the future. If you're hurting for it in the meantime, you can hire me for custom work.

AJAX によって読み込まれるスライドのセットが 1 つだけ必要な場合は、次のようにコーディングできます。

jQuery(function($){
  $.ajax({
    url: "URL"
  }).done(function ( data ) {
    $.supersized({

        // Functionality
        property_1   :   value,     
        property_2   :   value,     

        slides       :  data.slides,

        // Options             
        option_1     :   value,
        option_1     :   value
    });
  });
});
于 2012-11-09T20:51:20.960 に答える