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

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

gradle error "Cannot convert the provided notation to a File or URI" -

python - NameError: name 'subprocess' is not defined -