javascript - fraction slider not working -
i've downloaded fraction slider @jacksbox , have gone through documentation countless times , cannot figure out why slider won't show effects it's supposed to. site i'm working on: http://pacificdesignacademy.com/new/2 , example of slider supposed do: http://jacksbox.de/stuff/jquery-fractionslider/.
here path js: ../new/2/fractionslider/jquery.fractionslider.js
and here path css ../new/2/fractionslider/fractionslider.css
all of images stacking on top of 1 regardless of me defining overflow:hidden on containing element.
not sure else here, appreciated. i'm supposed launch site september 1st... eep!
thanks!
a simple check in browser's console showed have syntax error on line 594 of page. have closing parenthesis instead of opening brace.
update after fixed that, you're getting error :
uncaught referenceerror: jquery not defined
i suggest move code , place after you've included both jquery , slider plugin, page should this:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript" src="fractionslider/jquery.fractionslider.js"></script> <script type="text/javascript"> jquery(window).load(function(){ $('.slider').fractionslider({ 'fullwidth': true, 'controls': true, 'pager': true, 'responsive': true, 'dimensions': "1200,400", 'increase': false, 'pauseonhover': true }); }); </script>
Comments
Post a Comment