[Plugin: NIVO slider light] Slider keep on loading, couldn't appear any image

Followed the instructions as listed here and am also facing the same problem as LeMoNsZ. Can someone please help? Appreciate any I can get.

Thanks in advance.

Hi LeMoNsZ

Finally… got it working ??

Look for:

function NivoHeader() {
?>
<script type="text/javascript">
	$(function() {
		$(".nivoSlider br").each(function(){ // strip BR elements created by WordPress
			$(this).remove();
		});
		$('.nivoSlider').nivoSlider({
			effect:'fade', //Specify sets like: 'random,fold,fade,sliceDown'
			animSpeed:500, //Slide transition speed
			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>

and replace it with:

function NivoHeader() {
?>
<script type="text/javascript">
	$(window).load(function() {
		$(".nivoSlider br").each(function(){ // strip BR elements created by WordPress
			$(this).remove();
		});
		$('.nivoSlider').nivoSlider({
			effect:'fade', //Specify sets like: 'random,fold,fade,sliceDown'
			animSpeed:500, //Slide transition speed
			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>

Hope this helps yours to work too ??

Take care.

I’m having this same problem and the above code didn’t work. I’m only having the problem in Firefox and Safari, everything is loading properly in IE. Anyone have a fix?

Same problem here. Added the code exactly how it was listed on the installation page but none of the images show up, just a continuous loading bar forever. Doesn’t work in any browser.

same thing here, any solution ?

For the images to show up, you have to declare width and height in the html.
for example…
width=”” height=””

I’ve used this plugin on several projects and I have not had any problems.

Having the same problem.

• Installed the plugin
• Added pictures to the post
• Set a category
• Put the code in the theme
• Set the with and height
• Disabled other JS scripts

Still it keeps loading, on a purple screen. In IE, Fireworks, Chrome, Opera & Safari.

Even if I download the code from dev7studios.com and upload the demo to my webserver, it is not working. (And yes I enabled Javascript)…

Dummy I am, I forgot to add:

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.nivo.slider.pack.js"></script>

Working now, launching my website any minute now.

One of the most common reasons for the described problem is that the theme already has a NIVO slider. You can not use such a theme and my plugin at the same time.

If you have a problem please post your URI. I need it to help you.

By the way: The modification from leinadhok does not make sense. Do not use this line:

$(window).load(function() {

JessicaRodgers is wrong too. You do not have to use the HTML attributes width=”” height=””. But you have to set something like width:300px; height:200px; in your CSS. Look on the example code of the plugin page.

Of course it will not help to use the code from dev7studios.com because my plugin uses exactly that code!

have you solved this problem? since i get same problem in chrome and opera but works fine in ie. weird.