carolsanjose
asked on
nivo slider - control buttons - javascript
How turn off autostart in nivo slider on this page?
http://www.callcarol.com/example3/demo/
current javascript code:
Why aren't the first two control buttons working properly?
html code:
http://www.callcarol.com/example3/demo/
current javascript code:
<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>
Why aren't the first two control buttons working properly?
html code:
<!-- 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 CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
live site: http://www.callcarol.com/example3/demo/
ASKER
It works...you were right.
Thank you.
Thank you.
ASKER
But how come the second navigation button doesn't work?
Here is the html in place...
Open in new window