Avatar of carolsanjose
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:
<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

JavaScriptHTMLWordPress

Avatar of undefined
Last Comment
carolsanjose
ASKER CERTIFIED SOLUTION
Avatar of JF0
JF0
Flag of United States of America image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of carolsanjose
carolsanjose

ASKER

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

Avatar of carolsanjose
carolsanjose

ASKER

It works...you were right.  
Thank you.
JavaScript
JavaScript

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.

127K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo