CODEWITHSUNDEEP
javascriptjqueryhtmlcssflexslider
Esther Gibbons
Esther Gibbons

Reputation: 3

Flexslider not working in html site (jQuery not loading?)

I somehow broke my Flexslider galleries: first image loads, but no navigation buttons and no animation.

Here's my site

By loading an old html gallery and testing, I can see that the problem is not within the HTML, since the old page also now displays a broken gallery.

This means the problem is with the js file or with the css style file?

I went through the old and new versions of the js file and everything seems unchanged.

Thanks for any help you can give!

Here is the part that calls the js:

<!-- CSS================================================== -->
<link rel="stylesheet" href="http://www.esthergibbons.com/css/style.css">
<link rel="stylesheet" href="http://www.esthergibbons.com/css/colors/cyan.css" id="colors">

<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Java Script
================================================== -->
<script src="http://www.esthergibbons.com/scripts/jquery.min.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.flexslider.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.selectnav.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.twitter.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.modernizr.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.easing.1.3.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.contact.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.isotope.min.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.jcarousel.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.fancybox.min.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.layerslider.min.js"></script>
<script src="http://www.esthergibbons.com/scripts/jquery.shop.js"></script>
<script src="http://www.esthergibbons.com/scripts/custom.js"></script>

Upvotes: 0

Views: 734

Answers (1)

Tjaart van der Walt
Tjaart van der Walt

Reputation: 5179

I don't see that you are calling the .flexslider function.

You need to place this in your custom.js file.

$('.flexslider').flexslider({
  animation: "slide"
});

Upvotes: 3

Related Questions