Viewing 30 posts - 1 through 30 (of 31 total)
  • Author
    Posts
  • #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,

    beachgypsy

    #33099

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

    #33100

    Hi!

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

    Regards,

    James

    #33101

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

    http://philshepardllc.offbrandmedia.com/

    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">
    $('#frontslider').aviaSlider({
    blockSize: {height:80, width:80},
    transition: 'drop',
    display: 'topleft',
    slides:"li"
    });
    </script><

    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>
    </ul>

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

    thanks

    PhilB

    #33102

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

    #33103

    Hey!

    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?

    Regards,

    James

    #33104

    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'>

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

    And this in javascript:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script type='text/javascript' src='js/jquery.aviaSlider.min.js'></script>

    <script type="text/javascript">

    $(document).ready(function()

    {

    $('#slider1').aviaSlider({
    blockSize: {height: 'full', width:'full'},
    autorotation: true,
    autorotationSpeed:2,
    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?

    #33105

    Hey,

    What’s the site URL?

    Sounds like the jQuery scripts aren’t loading…

    James

    #33106

    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…

    http://www.philshepard.com

    <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' );
    wp_head();
    ?>
    <script type="text/javascript">$('#slider1').aviaSlider({
    blockSize: {height: 40, width:'full'},
    display: 'topleft',
    transition: 'fade',
    betweenBlockDelay:150,
    animationSpeed: 600,
    switchMovement: true
    }); </script>
    </head>

    <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>
    <p></div>

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

    #33107

    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.

    #33108

    Hi!

    @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,

    James

    #33109

    Hi!

    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:

    http://demo.zipzoomer.com/bvr/

    Anyone have any ideas? Would be much appreciated!

    Thanks,

    Jen

    #33110

    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 binaryturf.com. The slider is on the homepage and doesn’t work. I also suggest better documentation in step-by-step format; perhaps a small tutorial.

    #33111

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

    #33112

    Hey,

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

    #33113

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

    For example: http://www.houseofmax.de/mds/wordpress -> 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 …

    TRY IT OUT

    startpage with suffix ?testvar=ab —> not working (e.g.:www.houseofmax.de/mds/wordpress/?testvar=ab)

    startpage with suffix ?abx=ab –> working

    startpage with suffix ?abx=abxxxxxxx –> not working

    what is the reason for that?

    #33114

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

    CHECK OUT:

    http://aviathemes.com/aviaslider/?abx=abxxxxxx

    #33115

    Hey,

    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: http://aviathemes.com/aviaslider/?slider=diagonal-blocks 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 :)

    #33116

    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?

    #33117

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

    #33118

    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:

    screenne.png

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

    #33119

    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?

    #33120

    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
    }
    }

    and:

    //only needed for the demo page
    demopage_switchslider();

    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.

    #33121

    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.

    #33122

    Hi,

    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?

    Regards,

    Ismael

    #33123

    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 http://www.mykittyblock.com

    any help would be very much appreciated.

    Paul

    #33124

    sorry didn’t want people to watch me trouble shoot on main page, so complete link to my slider “woes” is: http://www.mykittyblock.com/slider_ep_41-1.html

    hopefully someone sees this and can help me soon.

    thanks

    paul

    #33125

    Hey!

    Try to add following css code to your theme stylesheet:

    ul#aviaslider{
    position: relative !important;
    }

    Best regards,

    Peter

    #33126

    Hi,

    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!

    Nick

    #33127

    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 :(.

    Paul

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

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