CSS-Tricks / AnythingSlider

A jQuery Slider plugin for anything.
http://css-tricks.github.io/AnythingSlider/
GNU Lesser General Public License v3.0
1.15k stars 380 forks source link

Nivo slider image wont load when using anything slider #562

Closed spookycooky closed 11 years ago

spookycooky commented 11 years ago

This issue seems to affect IE9, but IE8, firefox, safari is OK.

http://www.musicforscotland.co.uk and also for testing purposes http://www.musicforscotland.co.uk/default2.aspx

I am using nivo slider and anything slider together on home page on an ASP.net site, but the images in Nivo slider wont load as soon as use anything slider.I have also hidden the anything slider in IE8 because it goes spatch if the user reloads the page, some weird conflict with slideshowpro videos, but heyho, its the IE9 problem that I want to address...

I'll try to post the code, apologies if this goes wrong!

In the head section of master page:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript">        window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery.anythingslider.js"></script>
<script src="nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=musicforscotland"></script>
<script type="text/JavaScript" src="js/cloud-carousel.1.0.5.min.js"></script>
<script type="text/JavaScript">
    $(document).ready(function () {
        $("#carousel1").CloudCarousel(
    {
        reflHeight: 56,
        reflGap: 2,
        reflOpacity: 0.35,
        xPos: 310,
        yPos: 65,
        yRadius: 60,
        xRadius: 300,
        speed: 0.15,
        autoRotate: 'left',
        autoRotateDelay: 3500,
        bringToFront: true,
        mouseWheel: false,
        buttonLeft: $("#but1"),
        buttonRight: $("#but2"),
        altBox: $("#alt-text"),
        titleBox: $("#title-text")
    });
    });
</script>

in the anything slider section:

and in the nivo slider section:

spookycooky commented 11 years ago

fixed!