www.webdeveloper.com
Results 1 to 5 of 5

Thread: jQuery + Nivo slider: Stack overflow

  1. #1
    Join Date
    Dec 2010
    Posts
    3

    Arrow jQuery + Nivo slider: Stack overflow

    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

  2. #2
    Join Date
    Dec 2010
    Posts
    3
    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

  3. #3
    Join Date
    Jan 2011
    Posts
    2
    Same problem here, 'Stack overflow at line: 881'

    Only in IE

  4. #4
    Join Date
    Jan 2011
    Posts
    2
    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
                        });
            });

  5. #5
    Join Date
    Dec 2010
    Posts
    3

    Thumbs up

    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles