Search code examples
javascriptgoogle-chromeflexslider

Chrome shows html too late

I have made a slider, based on flexslider. The slider is working perfectly, except for Chrome. All latest versions of FF, IE, Safari work fine, but Chrome isn't. Normally it's the other-way around...

See my slider here: http://test.postitief.nl/slider/.

What you will see (I hope) is that the with transparency including the text is show after the animation is done. It doesn't slide with the animation. All other browser slide this text without a problem and immediately show it.

Added video's

  • Video of how the slider should work (IE10): link
  • Video of how the slider works in Chrome (v29): link

Added code

code http://jsfiddle.net/zwFhe/

Solution

  • Edit

    I found an equal problem

    Solution: useCSS: "false"

    Tip

    You have

    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/functions.js"></script>   
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>

    But I think you need to include the flexslider js file before your function like this:

    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="js/functions.js"></script>