Jump to content

How to re-initialize slideshow section after loading page via ajax?

Recommended Posts

I'm trying to do a super simple page load with ajax: 

$.ajax({
    url: 'https://subdomain.squarespace.com/somesspage,
    type:'GET',
    success: function(data){

        $('#container-to-load').html(data);
        var images = document.querySelectorAll('img[data-src]' );
        for (var i = 0; i < images.length; i++) {
           ImageLoader.load(images[i], {load: true});     
        }
    }
});

 

The issue is that slideshow section appears blank, only arrows appear: 

image.thumb.png.967c6ae9b9a1dacd72982f7a1aae5362.png

Is there a function / hack to make this type of sections work after loading via ajax?

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.