Question

我目前在网站上使用full-screen image slider called 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罚款）。这可能吗？如果是这样，我很难找到解释方法的资源。

Answer 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加载的幻灯片，您可以像这样编写代码：

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
    });
  });
});

将数组动态加载到脚本标记中

1 个答案: