Search code examples
javascriptjqueryjquery-pluginssliderjquery-ui-slider

Chrome Image slider issue

I'm working on this page And you can only see 1/9th of the image on the slider when loaded on Google chrome. It happens when refreshed or sometimes at the initial load. It shows very well on every other browser. Any suggestions on how to make it load fully. The function is as shown below.

<script type="text/javascript">
        $(function(){
            $('#slides').slides({
                preload: true,
                preloadImage: 'img/loading.gif',
                play: 5000,
                pause: 4000,
                hoverPause: true
            });
        });
    </script>
Solution

  • it seems to me that the script is trying to calculate the height of the container based on the image size and sometimes is failing, try this css first

    .slides_control{
  min-height:466px;
}