asked on

css - nivo slider nivo-control images

WORDPRESS
I deleted the control navigation for the nivo slide on our front page because we only had 1 slide, now I want to add the control navigation back to the slider on another page and I can't figure out how to do it. I took off the display:none attribute, but the slider controls still aren't showing up on this page:
http://www.callcarol.com/example3/demo/

Attached is the code of the original slider - with the working navigation. (from a template)

Home.php

Here is how the controls look on the original template before I edited them out for the front page slider:
http://wordpress.site5.net/boldy/

JF0

Try moving your javascript call to nivo after your #slider div.

<script type="text/javascript">
			$(window).load(function() {
				$('#slider').nivoSlider({
					effect:'random', //Specify sets like: 'fold,fade,sliceDown'
					slices:15,
					animSpeed:00,
					pauseTime:3000,
					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

ASKER CERTIFIED SOLUTION

jonahzona

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial