Question

I have an issue once I plug in scripts, css, jquery for Fancybox, my flexslider script does not work. I receive this error:

JavaScript Error: TypeError: $(".flexslider").flexslider is not a function. 

When I remove the fancybox scripts, my flexslider works. Is it possible to use both?

Answer 1

This is how I have them both working on one of my sites:

HTML:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.3.4.pack.js"></script
<script src="jquery.flexslider.js"></script>

Javascript:

$(document).ready(function() {
    $(".fancybox").fancybox(); 
    $('.flexslider').flexslider()
;});