Nivo Slider not working

by S.A.H. February 6th 2013, 5:19 am

Code:: <div style="width:700px;margin:40px auto;"> <div class="slider-wrapper theme-default"> <div class="ribbon"></div> <div id="nivoslider-125" class="nivoSlider" style="width: 700px; height: 300px; position: relative; background-attachment: scroll; background-repeat: no-repeat; background-image: url("http://i1208.photobucket.com/albums/cc365/AlexxErmxWtf/Welcome_zps79327898.jpg"); background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent;"> <img src="http://i1208.photobucket.com/albums/cc365/AlexxErmxWtf/Welcome_zps79327898.jpg" alt="" style="display: none;"> <img src="http://i1208.photobucket.com/albums/cc365/AlexxErmxWtf/Staffneeded_zpse5b4dc91.jpg" alt="" style="display: none;"> <img src="http://i1208.photobucket.com/albums/cc365/AlexxErmxWtf/ANgel_zps091771da.jpg" alt="" style="display: none;"> <div class="nivo-caption" style="display: none; opacity: 0.8;"> <p></p> </div> <div class="nivo-directionNav" style="display: block;"> <a class="nivo-prevNav">Prev</a> <a class="nivo-nextNav">Next</a> </div> <div class="nivo-controlNav"> <a class="nivo-control active" rel="0">1</a> <a class="nivo-control" rel="1">2</a> <a class="nivo-control" rel="2">3</a> </div> </div> </div> <p> <script type="text/javascript"> jQuery(window).load(function(){ jQuery("#nivoslider-125").nivoSlider({ effect:"random", slices:15, boxCols:8, boxRows:4, animSpeed:200, pauseTime:8000, startSlide:0, directionNav:true, directionNavHide:true, controlNav:true, controlNavThumbs:false, controlNavThumbsFromRel:true, keyboardNav:true, pauseOnHover:true, manualAdvance:false }); }); </script> </p> </div>