jQuery + Nivo slider: Stack overflow

**JoelF** · 12-27-2010, 06:02 AM

I am using Nivo Slider, a jquery image slider on my site Lykka.se.

It works fine in all browsers except IE. In this browser an error alert appears stating 'Stack overflow at line: 881'.

I am including the following scripts related to the slider in the page:

jquery-1.3.2.noConflict.min.js
jquery.nivo.slider.pack.js

The following script is included inside the <head>-section of the page:

Code:

<script type="text/javascript"> 
jQuery(window).load(function() {
	jQuery('#slider').nivoSlider({
		effect:'random',
		slices:15,
		animSpeed:500,
		pauseTime:3000,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:true, //Next and Prev
		directionNavHide:true, //Only show on hover
		controlNav:true, //1,2,3...
		keyboardNav:true, //Use left and 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 finally this is the html-code I am using:

HTML Code:

<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
<a href="http://www.lykka.se/mastrad-keramisk-kniv"><img src="http://www.lykka.se/media/layout/julerbj2.png" alt="" /></a><a href="http://www.lykka.se/skarpstal-diamant-25cm"><img src="http://www.lykka.se/media/layout/julerbj3_1.png" alt="" /></a>
</div>
</div>

I would very much appreciate help with this problem!

Joel

**JoelF** · 12-29-2010, 08:23 AM

Since there are other javascripts included in the page, is it a possibility that these conflict? The things is though, that the problem only appears in IE. I have tried disabling other javascripts but couldn't get it to work anyway.

Help is really appreciated!

Joel

**brsacjab** · 01-06-2011, 02:25 AM

Same problem here, 'Stack overflow at line: 881'

Only in IE

**brsacjab** · 01-06-2011, 03:45 PM

Hey, I found what worked for me...

used a more robust call, before I had not used any options.

Code:

    $(window).load(function() {
                 $('#slider').nivoSlider({
                            effect:'fade',
                            slices:15,
                            animSpeed:800,
                            pauseTime:6000,
                            directionNav:true, //Next & Prev
                            directionNavHide:false, //Only show on hover
                            controlNav:true, //1,2,3...
                            pauseOnHover:false, //Stop animation while hovering
                            captionOpacity:.7 //Universal caption opacity
                    });
        });

**JoelF** · 01-08-2011, 10:47 AM

Thanks a lot brsacjab! That fixed it for me as well. Could have been the script's having to make that many "choices" itself that made it to consume too much memory.

Thanks again!

Joel

Thread: jQuery + Nivo slider: Stack overflow

Thread Tools

Display

jQuery + Nivo slider: Stack overflow

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions