Viewing 30 posts - 1 through 30 (of 31 total)
  • Author
  • #849

    Hi ,

    I have downloaded Avia Slider from Code Canyon and have tried to install on my Thesis WordPress site.

    At this point I have the preload.gif showing but none of the images show nor transitions will start. Any idea what I have done wrong?

    Thanks for your help,



    nevermind…..figured it out…..thanks ;)



    Glad you got this figured out, most of the time the demo / documentation will get you started without any issues :)




    Having the same problem, just have a loading icon no sliding pics

    from the <head>

    <script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.aviaSlider.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/custom.min.js"></script>
    <script type="text/javascript">
    blockSize: {height:80, width:80},
    transition: 'drop',
    display: 'topleft',

    in the <body>

    <ul class="aviaslider" id="frontslider">
    <li><a href="/wp-content/themes/PhilShep/images/slides/vs.jpg" title=""><img src="wp-content/themes/PhilShep/images/slides/vs.jpg" alt="" /></a></li>
    <li><a href="/wp-content/themes/PhilShep/images/slides/vs1.jpg" title=""><img src="wp-content/themes/PhilShep/images/slides/vs1.jpg" alt="" /></a></li>
    <li><a href="/wp-content/themes/PhilShep/images/slides/vs2.jpg" title=""><img src="wp-content/themes/PhilShep/images/slides/vs2.jpg" alt="" /></a></li>

    not sure what ive done wrong, any help would be great as I am very new to js




    so….i didnt change anything connected to the slider…and now i dont get the loader…just a stack of images…?



    Had a quick look at the site, all your JS files are giving me 404 – Page Not Found errors. Can you check the path to the files and try again?




    Hi, I don’t see how to start a new topic on this forum, so am adding my Avia Slider question here.

    I have this in the HTML:

    <ul class="aviaslider" id='slider1'>

    <img src="/images/PepperTree_ViewfromPorch_w650.jpg"
    alt="View from front Porch" />
    <img src="/images/PepperTree_DinningRoom.jpg"
    alt="The dining room" />
    <!-- etc., more li; I'm not using lightBox so took out the links -->

    And this in javascript:

    <script type="text/javascript" src=""></script>
    <script type="text/javascript" src=""></script>
    <script type='text/javascript' src='js/jquery.aviaSlider.min.js'></script>

    <script type="text/javascript">



    blockSize: {height: 'full', width:'full'},
    autorotation: true,
    transition: 'fade',
    slideControlls: 'none',
    showText: true

    I have the js file in the right folder, and copy and pasted the aviaslider css into my main.css. The images all load, but slideshow doesn’t happen. All the li images are just stacked on top of one another.

    Any thoughts?



    What’s the site URL?

    Sounds like the jQuery scripts aren’t loading…



    ok…im back

    i have moved the site to its permanent location and now I am no longer getting 404 for the .js files, but am having the same problem…

    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/style/js/jquery.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/style/js/jquery.aviaSlider.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/style/js/custom.min.js"></script>
    <?php if ( is_singular() && get_option( 'thread_comments' ) )
    wp_enqueue_script( 'comment-reply' );
    <script type="text/javascript">$('#slider1').aviaSlider({
    blockSize: {height: 40, width:'full'},
    display: 'topleft',
    transition: 'fade',
    animationSpeed: 600,
    switchMovement: true
    }); </script>

    <div class="wrap" id="stage">
    <ul class="aviaslider" id='slider1'>
    <li><img src="wp-content/themes/PhilShep/images/slides/vs.jpg" alt="" /></li>
    <li><img src="wp-content/themes/PhilShep/images/slides/vs1.jpg" alt="" /></li>
    <li><img src="wp-content/themes/PhilShep/images/slides/vs2.jpg" alt="" /></li>

    and if its a wordpress site, thought that shouldn’t make much of a deal…


    Coming across the same issue when incorporating it on the same page as a mailchimp newsletter signup form. For other JS i’ve used jquery.noconflict() however I can’t seem to get that to work with the slider.



    @offbrand: Seems to be working ok now. Are you still getting problems?

    @ablenetddesi: Try taking out the mailchimp js if it causes conflict – the data entered is validated before confirmation anyway :)

    Best regards,




    I’m still having the same issue. I know the images and the javascript is properly linked, so I’m really not sure what the issue is. Here’s the site:

    Anyone have any ideas? Would be much appreciated!




    It’s frustrating when things don’t work out fine at the first time. And I can’t appreciate enough how helpful is the second post in this thread.

    I’m using wordpress+thesis on The slider is on the homepage and doesn’t work. I also suggest better documentation in step-by-step format; perhaps a small tutorial.


    Hmm, sorry couldn’t wait for your reply. btw why does the error console show “undefined is not a function”?



    do you have a demo site where we can see the js error first hand?


    I have the same problem and I figured out what the reason is. The GET-Variables in Worpress:

    For example: -> Startpage –> everything is fine –> clicking on “referenzen” –> it’s not working

    the rason ist that wordpress generates an ?page_id=y behind the url. So …


    startpage with suffix ?testvar=ab —> not working (

    startpage with suffix ?abx=ab –> working

    startpage with suffix ?abx=abxxxxxxx –> not working

    what is the reason for that?


    By the way it’s also not worling on your demo:




    dopamin90 the concept of get variables is to submit useful information. You must append a variable which exists or calls a certain behaviour. I.e this link works: because the slider id exists. Appending something like: ?abx=abxxxxxx is just nonsense as long as the slider id doesn’t exist. Conclusion is that the demo works correct :)


    Yeah thats right, but wordpress is using an useful information with the “page_id”-GET-variable. So what should I do if I want to use the avia slider on an url with page_id-get?

    And why is your demo working with ?abx=abx but not with ?abx=abxxxx . What kind of usefull information is in abx which is not in abxxxx. For me it seems that the avilslider is not working with not predefined get-variables and get variables whiches names are longer than 3 chars or there values are longer than 3.

    In my research I come closer to an solution. I included the files without the “.min” in the filename and it’s not working in this point

    return this.each(function()
    var slideWrapper = $(this), //wrapper element
    slides = slideWrapper.find(options.slides), //single slide container
    slideImages = slides.find('img'), //slide image within container
    slideCount = slides.length, //number of slides

    if I put an alert(test); into the curved brackets it works without GET-var and it’s not working with GET-var

    so what would you tell me to go on?


    can I except an answer today? If not so I have to change to an other product.


    As far as I know Aviaslider itself doesn’t need php variables and doesn’t care about them as long as you don’t use the style switcher of the demo. So you can use the slider on any wp page (or other cms) without caring about php variables.

    Include following files in header.php:

    <script type='text/javascript' src='js/jquery.js'></script>
    <script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>
    <script type='text/javascript' src='js/jquery.aviaSlider.js'></script>
    <script type='text/javascript' src='js/custom.js'></script>

    and your images like:


    That’s it. The get variables shouldn’t influence the script (I used it on several wp sites without problem).


    Thats exactly what I did. I tried it on two of my wordpress projects. And it didnt work. Show me an example where it does work?

    Because I needed to complete my project I swiched to to the Nivo slider which is for free and does the same. Where is the difference between your slider and the slider of nivo?


    There’s something I didn’t thought about first but another user reported same problem and found the obvious cause. If you use the unmodified version of custom.js the demo styleswitcher is included – that’s why the slider interacts with the php variables (as I don’t use the original custom.js I didn’t thought of that first). Open up custom.js, find following code and delete it:

    // the following stuff is only for the demo page to switch sliders
    function demopage_switchslider()
    var param = window.location.href.substring(window.location.href.indexOf('?')+8);

    if(param != undefined && param != '' && window.location.href.indexOf('?') > 0)
    $('.aviaslider').attr('id',param); //change the id of the slideshow depending on the url, so another slideshow gets applied


    //only needed for the demo page

    So basically the function call at the top and the function on the bottom of the file.

    I never used nivoSlider but I can ask Kriesi to comment on the differences. Very likely aviaslider offers more transitions, etc.


    Sorry if this isn’t in the right place but I don’t seem to be able to find where to start a new topic OR find a topic which is answering my question and I don’t have hours to search it out.

    I have purchased the Avia Slider and need to know these things:

    - How do I link the slides to other web-pages or remove the links?

    – How do I change the width of the slider?

    Any help, links to answers etc. would be great thanks.



    On the Featured Media there is “Apply link to the image?” option, you can select “Link Manually” then supply the URL. If you don’t want any link select “No Link”.

    Can you give us a link to your website so that we can inspect the slider?




    Need some help with my slider. I’ve made no special tweaks, just uploaded to ftp site and put files where they need to go.

    My issue is that the next image in the slide “preloads” on top of the page about half a second before loading in the appropriate spot.

    website address is

    any help would be very much appreciated.



    sorry didn’t want people to watch me trouble shoot on main page, so complete link to my slider “woes” is:

    hopefully someone sees this and can help me soon.





    Try to add following css code to your theme stylesheet:

    position: relative !important;

    Best regards,




    Wow! An ASP 3.0 website, I miss that language still. But I would consider switching to table-less design. It was very difficult to switch to css/div but Google Developer Tools make life a lot easier making changes than it was possible with tables. Good luck!



    Dude, I added the code you posted into the style.css file and same issue :(.

    Nick, my hands are tied because the whole website rests on a shopping cart platform. Aside from switching shopping carts, I’m locked into whatever arcane stuff the platform uses :(.


Viewing 30 posts - 1 through 30 (of 31 total)

The topic ‘Avia Slider Issues’ is closed to new replies.