Image won't display until scroll

[DevFool]

I love this package but I have one small problem. The parallax image won't display until the scroll bar is move or the window is resized. I set the div with:

My javascript section includes the following:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.2.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.imageScroll.js"></script> <script> $('.img-holder').imageScroll({ // image: null, // imageAttribute: 'image', // container: $('body'), // windowObject: $(window), // speed:.2, // coverRatio:.75, // coverRatio:1, // holderClass: 'imageHolder', // imgClass: 'img-holder-img', // holderMinHeight: 200, holderMaxHeight: 75, // extraHeight: 50, // mediaWidth: 1600, // mediaHeight: 250, // parallax: true, // touch: false }); instance.refresh(); </script>

Thanks.

DonB

[DevFool]

I have discovered the cause but I have no idea how to solve it.
I use a javascript slider called modern-slider. If the parallax code is set before the slider everything works as advertised however if it is after the slider code the parallax image is visible but it is down the page by the space equivalent to the number of images in the slider (as if they are stacked), As soon as you move a scroll bar it then moves everything to where it should be. So at this point I am removing the parallax code until I have a solution for the problem.

Thanks
DonB