nivo slider - control buttons - javascript

carolsanjose
carolsanjose used Ask the Experts™
on
How turn off autostart in nivo slider on this page?
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>

Open in new window


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 -->

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Commented:
this property looks interesting, try changing to 'true': manualAdvance:true, //Force manual transitions

Author

Commented:
Perfect...thank you.
But how come the second navigation button doesn't work?
Here is the html in place...
<!-- 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" />

Open in new window

Author

Commented:
It works...you were right.  
Thank you.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial