There is a carouFredSel slider on the entire width of the page, merged it with fancybox, it is not displayed in Google Chrome, it sometimes appears when reloading, and Mozilla Firefox is displayed stably.

Screenshots from Mozilla Firefox: enter image description here Mozilla Firefox Screen

Screen from Google Chrome: enter image description here A set of scripts like this:

<!-- script --> <script src="js/jquery-1.10.2.min.js"></script> <script src="js/jquery.carouFredSel-6.2.1-packed.js"></script> <script src="js/fancybox.js"></script> <script src="js/setting.js"></script>

I tried to disable fancybox, tried to remove the rest of the code and leave only the slider - it did not help.

The site itself: http://divasad.ru/

    1 answer 1

    Try two options:

    • Download fancybox before slider:
     <script src="js/fancybox.js"></script> <script src="js/jquery.carouFredSel-6.2.1-packed.js"></script> <script src="js/setting.js">
    • For the fancybox-overlay class, try not to set display: none - display: block, but something like visibility or opacity + z-index

    "popup" classes in fancybox initially have display: none => do not participate in markup and maybe because of this the slider is not displayed