Only shows image when resizing window.

[Luken1990]

Hi everyone,

I know this issue has been posted in the past https://github.com/zurb/twentytwenty/issues/31 and a solution has been given but it appears it does not work in my case. Can someone please take a look at my website and help me with this problem, please.

www.lukenguyen.co.uk

Thanks

[rossyoung5]

I have been having the same issues. I believe it's a timing issue as to when the twentytwenty() method runs and when the images are loaded and displayed on the page. I used a combination of desandro's imagesloaded library and a custom callback to solve my problem. I'm also calling twentytwenty() multiple times, so I added the .twentytwenty-container class to all my divs using twentytwenty(). Hope this helps!

    function doTwentyTwenty(callback) {
      $('.twentytwenty-container').imagesLoaded(function () {
        $(".twentytwenty-container").twentytwenty();
        callback();
      });
    };
    function resultsUp() {
      resultsContent.slideUp();
    };
    doTwentyTwenty(resultsUp);