Ajax页面上的超大插件 [英] supersized plugin on ajax page

问题描述

我需要在我的ajax页面上使用超大插件.但是我认为对于超大型没有任何销毁功能.当我在下面调用函数时，如何再次设置超大尺寸?

I need to use supersized plugin on my ajax page. But i think there's no any destroy function for supersized. How can i set supersized again when i call my function below?

解决方案:

if($.supersized.vars.slideshow_interval){
   clearInterval($.supersized.vars.slideshow_interval);
};

只需将其添加到超大图库关闭按钮...

just add this to supersized gallery close button...

function getSuperSized(arr,startSlide){
      $(".myPageHolder").hide();
      $("body").append("<div class='supersizedHolder'></div>");
      $("#supersized-loader").remove();
      $("#supersized").remove();
      $(".supersizedHolder").append("<div id='supersized-loader'></div><ul id='supersized'></ul>")
      $("#supersized-loader").show();
      $("#supersized").show();
      var innerContent= supersized elements goes here...
      $(".supersizedHolder").append(innerContent);

      $(".closeSupersized") /*remove supersized holder and back to page*/
      .click(function(){
              /*solution*/
              if($.supersized.vars.slideshow_interval){
                  clearInterval($.supersized.vars.slideshow_interval);
              };
              //
          $(".myPageHolder").show();
          $(".supersizedHolder").remove();
      });

      var superSizedImages=[];
      for(var i=0;i<arr.length;i++){
          var img=pageUrl+"assets/content/large/"+arr[i].media.content[0].media
          superSizedImages.push({image : img, title : '', thumb : '', url : ''})
      };

      $.supersized({
            options goes here....
      });
};

推荐答案

此消息是为了从未答复"列表中删除问题.

This message is to remove the question from the Unanswered list.

主要问题已经通过多个版本解决.

Is already solved in the main question through multiple editions.

这篇关于Ajax页面上的超大插件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！