Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #11947

    Hello,

    Is there a way to add the same ajax loader used for the slideshow to individual images on the site?

    I have a page with one image after another and I want them all to use the preloader.

    #73686

    HELLLOOO??

    #73687

    Hi,

    Yes this should be possible. In js/avia.js replace:

    if(jQuery.fn.aviaImagePreloader)
    jQuery('.partner_list').aviaImagePreloader({fadeInSpeed: 400, css_before_show:{visibility:'visible',opacity:0}, css_show:{opacity:1}});

    with:

    if(jQuery.fn.aviaImagePreloader)
    jQuery('.partner_list, .entry-content').aviaImagePreloader({fadeInSpeed: 400, css_before_show:{visibility:'visible',opacity:0}, css_show:{opacity:1}});

    #73688

    doesn’t work. what i is doing is forcing a double preload on the portfolio images on the homepage though. The images on the detail view are added to the post content individually, like you’d do when you create a blog post.

    #73689

    Please help.

    #73690

    anyone? i just want to manually add the preloader to individual images on a portfolio item post.

    #73691

    Hi addamtron,

    Sorry for missing your response posts! Its gotten a bit busy around here. I’ve asked Dude to re-look at the solution he provided to see what might have happened.

    Can you also provide a link to your site and the page you are trying to get the pre-loader to work on?

    Thanks,

    Devin

    #73692

    Hi!

    I adjusted the code above a bit. Probably the .content class was too general and affected all images.

    Best regards,

    Peter

    #73693

    so what is the code and where do i put it. if i have to add a line to each image embed to get it to work, i will do that.

    #73694

    Hi addamtron,

    As Peter posted above:

    In js/avia.js replace:

    if(jQuery.fn.aviaImagePreloader)
    jQuery('.partner_list').aviaImagePreloader({fadeInSpeed: 400, css_before_show:{visibility:'visible',opacity:0}, css_show:{opacity:1}});

    with:

    if(jQuery.fn.aviaImagePreloader)
    jQuery('.partner_list, .entry-content').aviaImagePreloader({fadeInSpeed: 400, css_before_show:{visibility:'visible',opacity:0}, css_show:{opacity:1}});

    The file is in your theme files in the “js” folder. You’ll either need to edit it live on your server or download it via ftp, make the changes then re-upload the file to the same place in the theme files and overwrite the old one.

    Regards,

    Devin

    #73695

    all that does is refresh the image after the browser has downloaded it and it’s cached. i want the pre-loader pinwheel to show up as the image is downloading.

    #73696

    Hi!

    I marked this topic for Kriesi. I’m not sure why the code above doesn’t work correct.

    Best regards,

    Peter

    #73697

    you also ned this css rule:


    .entry-content img{visibility:hidden}

    this will hide the images on page load and the preloader will then set the visibility to visible and slowly fade it in ;)

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

The topic ‘Ajax Image Loading’ is closed to new replies.