Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #13262

    AviaSlider stops working when adding any wordpress plugin that requires jQuery Here is my site below

    http://www.danielbrown.ca

    I added the wordpress [iframe] plugin the slider crashes

    I added the Slideshow Gallery plugin the AviaSlider crashes

    Any ideas as to why. What is the word around on this

    #78480

    Hi unieng,

    I’m not familiar with either plugin but I imagine they may be inserting conflicting jQuery calls that affect the AviaSlider. You may want to check with the plugin developers to see if they offer a workaround or any troubleshooting advice.

    Regards,

    Mya

    #78481

    But how come when I use http://nivo.dev7studios.com/ Nivo slider everything works great. There is how many plugins in WordPress that require jQuery. I think its a problem with the way AviaSlider is set up. Can you point me in a direction where somebody can take a look at the code and see as to why

    #78482

    any help would be great

    #78483

    Hi unieng,

    You have to remember each plugin is coded differently so some plugins may work, others may not. I’ll flag for the rest of support team to offer any suggestions they may have.

    Regards,

    Mya

    #78484

    Aviaslider uses the noConflict mode by default. The noConflict mode forces you to use “jQuery” instead of “$” because other js libaries (mootools, etc.) also rely on the $-symbol and this triggers some errors. Try to replace:

    <script type="text/javascript">
    $('#diagonal-blocks').aviaSlider({
    blockSize: {height: 80, width:80},
    transition: 'slide',
    display: 'diagonaltop',
    switchMovement: true
    });
    </script>

    <script type="text/javascript">
    $(function() {
    $('.sub-menu').hover(function() {
    $(this).parent().addClass('active');
    },
    function() {
    $(this).parent().removeClass('active');
    });
    });
    </script>

    with:

    <script type="text/javascript">
    jQuery('#diagonal-blocks').aviaSlider({
    blockSize: {height: 80, width:80},
    transition: 'slide',
    display: 'diagonaltop',
    switchMovement: true
    });
    </script>

    <script type="text/javascript">
    jQuery(function() {
    jQuery('.sub-menu').hover(function() {
    jQuery(this).parent().addClass('active');
    },
    function() {
    jQuery(this).parent().removeClass('active');
    });
    });
    </script>

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Avia slider stops working when adding plugins’ is closed to new replies.