Hard refresh on page

[oviFaur]

Hello,

I am using Roundabout plugin for developing a website and it looks great.There's only one problem. At first the site loads correctly. After that when un do an "F5" the carousel is moved up and to the left for like 150px. On a "Ctrl+F5" it works fine. Any ideas on what the problem should be? I am using the "waterWheel" shape and all my javascript files are included after all CSS files. Also I am using 1.7.1 jquery. Any ideas?

Thank you very much! Ovi

[Spheerys]

He ! It's looking like my problem : https://github.com/fredhq/roundabout/issues/79 Unfortunatly, I ddid'nt find the issue for now :(

[oviFaur]

" With Firefox/Opera, that works correctly, but with Chromium/Chrome " - My problem is the same for all browsers. $("#myGallery").roundabout({ shape: 'waterWheel', reflect: true, btnToggleAutoplay: '.btnAutoPlayToggle', btnNext: '.btnNextPlay', btnPrev: '.btnPrevPlay', autoplayDuration: 2500, tilt: 0 });

[Spheerys]

I confirm than the problem was there on all browser

[bradgreens]

It sounds like the calculations might be off because the images are cached.

Are you using DOM ready $.ready(function(){}) to initialize Roundabout?

If you are, try $(window).load(function(){}) to initialize Roundabout instead. This event fires after all images in the DOM have been loaded.

If you try (or have tried) using $(window).load(function(){}) to initialize Roundabout and still have the issue... you may need to resort to an imageLoaded plugin for initialization. Such as https://github.com/desandro/imagesloaded.

[jonalvarezz]

Solved using @bradgreens comment. Thanks!

[ghost]

I'm having the same problem. I tried with $(window).load, imagesLoaded, imageReady ... Everytime the same problem. http://dev.donatrgovina.hr/category/premium-hr/ <-- page in question.

$('#round').roundabout({    
    easing: 'swing',
    responsive:true,
    triggerFocusEvents: true        
});

this is my current init for roundabout, and is currently wrapped in $(document).ready. As you can see, it sort-of works. When the page loads, you must do a refresh because the images otherwise have a negative top value and jump up the screen. But all the proposed fixes here don't work. jQuery is 1.8.3 Wordpress included, and I can't use any other. Roundabout is the latest version.

[siamkreative]

Using the $(window).load(function(){}) to initialize Roundabout also worked for me (jQuery 1.9.1 & jQuery Roundabout 2.4.2). Thanks @bradgreens :+1:

@netpunk You don't have to use the version of jQuery included in Wordpress. You can just add the following to your functions.php :

wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', false, '1.9.1', false);
wp_enqueue_script( 'jquery' );