Need a little PHP help to modify the Nivo slider options

by 3 replies
4
Im currently using Nivo Slider on a site im building atm, but Im not happy that the first image begins as only a part image and I was wondering if anyone can help me modify the code to get a better starting slide...



and the code from the tpl file, im guessing the change is needed in there but im a little out of my comfort zone here so Im reluctant to start changing things at will

all help appreciated as always

Code:
<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider({
		effect:'random', //Specify sets like: 'fold,fade,sliceDown'
		slices:9,
		animSpeed:500, //Slide transition speed
		pauseTime:8500,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:true, //Next & Prev
		directionNavHide:true, //Only show on hover
		controlNav:false, //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
	});
});
#programming #modify #nivo #options #php #slider
  • That's Javascript, not PHP. But in any case, I dont know whats wrong.

    You might want to check out Rhino Slider instead:
    Rhinoslider: The most flexible jQuery slider/slideshow
  • Your problem is not in the slider or PHP-related. It's in the CSS, specifically the placement of the #featured-products_block_center container. It's overlaying the slideshow slides and you're seeing the white container.

    To demonstrate, go to line 1578 in your stylesheet and add "display: none;" to the declarations for #center_column .products_block.

    That's a complicated stylesheet. Fixing this won't be easy.
    • [ 1 ] Thanks
  • Thanks Steve, you were right on the button...

    After running your display:none test which fixed the error, I replaced it with clear:both and at this point it working great...
Join the discussion

Next Topics on Trending Feed