Only loads on browser refresh

[sarahkloth]

I have added the TwentyTwenty plugin for wordpress and it seems to only be loading on browser refresh. Anyone experience this? If you click into any of these you can see what I mean: http://preview.lhkruegerandson.com/before-after-gallery/

[bartoszhernas]

I have the same problem :/

[rubenheymans]

same issue here, maybe use a plugin to load twentytwenty after all images are loaded? I'll test this tomorrow

[rubenheymans]

https://github.com/desandro/imagesloaded

[bartoszhernas]

Issue #31 is the same and they gave a fix in comments :)

[rubenheymans]

Using imageloaded is slightly better than using a timeout, if the images are still not loaded after your timeout it still won't work

        $('.before-after').imagesLoaded( function() {
            $('.before-after').twentytwenty();
        });

[tdowgielewicz]

This made a trick for me:

      <div class="twentytwenty-container" id="images">
        <img id="myImg" src="galeria/slider/<?php echo($id)?>a.jpg" />
        <img id="myImg" src="galeria/slider/<?php echo($id)?>b.jpg" />
      </div>

    <script>

$(window).on('load',function() {
  $("#images").twentytwenty();
});
    </script>