CODEWITHSUNDEEP
jquerywordpressflexslider
Bob Lozano
Bob Lozano

Reputation: 592

Can't display flex slider

This is my site: http://kairosblog.mx

I can't display the flexislider, however it does work locally. I'm using wordpress but things are getting pretty confusing.

here is the code but you can preferably check it directly at Kairosblog.mx:

 <div id="imageslider" class="container">
   <div class="flexslider loading" style="max-width:1170px; margin-left: auto; margin-right:auto;">
     <ul class="slides">
       <li> 
         <img src="wp-content/uploads/2014/11/slide1.jpg" alt="" />
       </li>
       <li> 
         <img src="wp-content/uploads/2014/11/DSC_0030-1170x400.jpg" alt="" />
       </li>
       <li> 
         <img src="wp-content/uploads/2014/11/DSC_0121-1170x400.jpg" alt="" />
       </li>
     </ul>
   </div> <!--Flex Slides-->
 </div><!--Container-->


          <script type="text/javascript">
            jQuery(window).load(function () {
              jQuery('.flexslider').flexslider({
                animation: "fade",
                animationSpeed: 500,
                slideshow: 1,
                slideshowSpeed: 7000,
                smoothHeight: true,

                before: function(slider) {
                  slider.removeClass('loading');
                }  
              });
            });
          </script>

Upvotes: 0

Views: 262

Answers (1)

Devyn
Devyn

Reputation: 219

You don't have your flexslider script included on your website.

Upvotes: 1

Related Questions