Bxslider images not loading until I refresh the page?

So I have this page where I have a bxslider with images inside some tabs, I have the bxslider function set to load in front of the tabs, but when I go to the tab where the bxslider are images that are not loaded. When I refresh the page, they will be there. How do I get them to load so that when a person goes to that tab, they are already there and not an empty section? Thank!


There are many missing images, sorry i am not sure how to add images to jsfiddles. Here is a live link to watch ...


This is my call function right before the body tag.

<script type="text/javascript">
 $(document).ready(function () {


bxslider is on the Why CEC page, has a light blue background, and the second is on top.


source to share

1 answer

/ ** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com  * * Copyright 2014, Steven Wanderski - http://stevenwanderski.com - http://bxcreative.com  * Written during drinking Belgian ale and listening to jazz * * Released under the MIT license - http://opensource.org/licenses/MIT  * /

/ *! jQuery v3.0.0-alpha1 | (c) jQuery Foundation | jquery.org/license * /

Uncaught TypeError: Cannot read property 'indexOf' of undefined

use jQuery v1.9 is allowed.

/ *! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license



All Articles