javascript - Jquery logo parade not starting, not seeing errors -
i can't narrow down problem simple logo parade. i'm working on @ promasterautomotive.com can see context of problem. logo parade @ bottom, faded logos.
i opened console in chrome (ctrl+shift+j) i'm not seeing errors.
here javascript. pulled directly example.
$(function() { $("#logoparade").smoothdivscroll({ autoscrollingmode: "always", autoscrollingdirection: "endlessloopright", autoscrollingstep: 1, autoscrollinginterval: 25 }); // logo parade event handlers $("#logoparade").bind("mouseover", function() { $(this).smoothdivscroll("stopautoscrolling"); }).bind("mouseout", function() { $(this).smoothdivscroll("startautoscrolling"); }); });
here's html. again, modified example. once working i'll tailor necessary.
<div id="logoparade"> <a href="#" target="_blank"><img src="images/logos/wiseco.png" class="logos"></a> <a href="#" target="_blank"><img src="images/logos/bullydog.png" class="logos"></a> <a href="#" target="_blank"><img src="images/logos/vortek.png" class="logos"></a> <a href="#" target="_blank" id="startatme"><img src="images/logos/sinister.png" class="logos"></a> <a href="#" target="_blank"><img src="images/logos/schaeffers.png" class="logos"></a> <a href="#" target="_blank"><img src="images/logos/arp.png" class="logos"></a> <a href="#" target="_blank"><img src="images/logos/bpd.png" class="logos"></a> <a href="#" target="_blank"><img src="images/logos/sct.png" class="logos"></a> </div>
anyone else see i'm overlooking?
you missing several files on site plugin depends on
this jsfiddle should work (looks moved or deleted images though ...actually ..the whole site...)
http://jsfiddle.net/delighteddod/68sv070h/
here requisite files (download own copies of course);
<link rel="stylesheet" type="text/css" href="http://smoothdivscroll.com/css/smoothdivscroll.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script> <script src="http://smoothdivscroll.com/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script> <script src="http://smoothdivscroll.com/js/jquery.mousewheel.min.js" type="text/javascript"></script> <script src="http://smoothdivscroll.com/js/jquery.kinetic.min.js" type="text/javascript"></script> <script src="http://smoothdivscroll.com/js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>
note following plugin's docs:
load javascript late - before closing body tag. way browser have loaded images , know width of images. no need specify width in css or inline.
Comments
Post a Comment