Image Overlap

  • Amoditer

    (@amoditer)


    4 years ago

    Hello,

    Great plugin, thanks for is. Please help me, I have 1 problem, isotop is not wait to all image load in, and because of it I get overlaped images at the end.

    Could you help me wha is that, and what can I do to avoid this problem?

    Thank you for your help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Amoditer

    (@amoditer)

    I added these lines:
    ———————–
    // layout Isotope after each image loads
    $grid.imagesLoaded().progress( function() {
    $grid.isotope(‘layout’);
    });`

    into “isotope_configure.js” file after these part:
    ————————————————–

    `jQuery(document).ready(function($) {

    // Initialize Isotope
    var Anims = parseInt(iig8_option.dgrid);
    if (isNaN(Anims)) {
    var trandsD = 400;
    } else {
    var trandsD = 0;
    }

    $grid = $(‘.IIG8_list’).isotope({
    // options
    itemSelector: ‘.IIG8_list__item’,
    transitionDuration: trandsD
    });
    $grid.isotope(‘shuffle’);
    $grid .show();

    And chage “imagesloaded.pkgd.min.js” into the newest version, and it looks like getting good :).

    tamaryne

    (@tamaryne)

    I’m getting the same issue. What you do mean with:

    And chage “imagesloaded.pkgd.min.js” into the newest version, and it looks like getting good :).

    Thread Starter Amoditer

    (@amoditer)

    You need to download the file newest version from here:
    https://github.com/desandro/imagesloaded/tree/v4.1.4

    And change the old version to this in the plugin “js” folder. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image Overlap’ is closed to new replies.