4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Need a little PHP help to modify the Nivo slider options

by webpeon
3 replies
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
	});
});
#modify #nivo #options #php #slider
  • Profile picture of the author mauii
    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
    {{ DiscussionBoard.errors[6237714].message }}
  • Profile picture of the author SteveJohnson
    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.
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[6241370].message }}
  • Profile picture of the author webpeon
    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...
    Signature
    Web 2 Mobile
    The Future of The Web
    {{ DiscussionBoard.errors[6244877].message }}

Trending Topics