Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #7858

    I am not using WordPress.

    This is a great theme. Everything works on the initial load of the page, but when I dynamically add via ajax the following HTML to the page, the images do not load. The ‘downloading spinner’ displays and is never replaced with the actual image. Hover also doesn’t work. I’m assuming there’s a bit of Javascript that is fired when the page loads that I need to manually call, I’m just at a loss as to what that is. Any help would be greatly appreciated. Thanks!

    <div class="gallery_entry">
    <div class="gallery_inner">
    <a class='preloading gallery_image' href="single_gallery.html">
    <img src="http://farm1.static.flickr.com/53/129060069_030f9b5136_z.jpg" alt="" class='item_small'/>
    <img src="http://farm1.static.flickr.com/53/129060069_030f9b5136_z.jpg" alt="" class='item_big no_preload'/>
    </a>
    <div class='gallery_excerpt'>
    Sed do eiusmod tempor incididunt ut labolore magna, consectetur adipisicing elit, sedr incididunt ut.
    </div>
    </div>
    </div>

    #59479

    Hey,

    maybe it’s caused by a js error. Can you post a link please?

    #59480

    It’s still in development so there isn’t a public link. I did some experimentation and if I execute these commands after the ajax load, then it works. I don’t know if it’s right or not – but it works. I pulled the code from custom.js

    //shows the different display options of the gallery once images are loaded
    jQuery('.the_gallery').galleryDisplay();

    //applies tooltips with images
    jQuery('.gallery_entry').kriesi_tooltip({applyTooltip: '.item_small' });
    jQuery('.gallery_entry').kriesi_tooltip({className: 'text_tooltip tooltip', applyTooltip: '.item_big', tooltipContent:'.gallery_excerpt'});

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

The topic ‘Gallery Images Not Loading When Using Ajax’ is closed to new replies.