Superscript plugin on ajax page
I need to use supersized plugin in my ajax page. But I think there is no kill function for the super series. How can I set the super-sort again when I call my function below?
Decision:
if($.supersized.vars.slideshow_interval){
clearInterval($.supersized.vars.slideshow_interval);
};
just add this to the closed 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....
});
};
+3
source to share