asked on
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
animSpeed:00,
pauseTime:5000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>
<!-- BEGIN SLIDER -->
<div id="slider"><img class="alignnone size-full wp-image-611" title="Improve your cash-flow and use the app on multiple platforms" src="http://www.callcarol.com/example3/wp-content/uploads/2011/05/xaaps-multiple-devices3.png" alt="" width="960" height="370" />
<img class="alignnone size-full wp-image-594" title="Assess your customer’s sales volume history" src="http://www.callcarol.com/example3/wp-content/uploads/2011/05/xaaps-screenshot5.png" alt="" width="960" height="370" />
<img class="alignnone size-full wp-image-592" title="Assess your customer’s payment history" src="http://www.callcarol.com/example3/wp-content/uploads/2011/05/xaaps-screenshot4.png" alt="" width="960" height="370" />
<img class="alignnone size-full wp-image-590" title="Zoom in on specific sales-to-payment timeframes using drag-and-drop" src="http://www.callcarol.com/example3/wp-content/uploads/2011/05/xaaps-screenshot3.png" alt="" width="960" height="370" />
<img class="alignnone size-full wp-image-588" title="View total customer sales and payment history" src="http://www.callcarol.com/example3/wp-content/uploads/2011/05/xaaps-screenshot2.png" alt="" width="960" height="370" />
<img class="alignnone size-full wp-image-583" title="Easily Sort By Customer Names And Dates" src="http://www.callcarol.com/example3/wp-content/uploads/2011/05/xaaps-screenshot1a.png" alt="" width="960" height="370" />
</div>
<div style="width:960px; margin:0 auto; background:url(http://www.callcarol.com/example3/wp-content/themes/boldy/images/bk_shadow_slider.png) 0 0 no-repeat; height:50px;"></div>
<!-- END SLIDER -->
ASKER
ASKER
JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.
TRUSTED BY
ASKER
But how come the second navigation button doesn't work?
Here is the html in place...
Open in new window