Giter Site home page Giter Site logo

image jump about simplelightbox HOT 12 CLOSED

akiyatkin avatar akiyatkin commented on May 21, 2024
image jump

from simplelightbox.

Comments (12)

andreknieriem avatar andreknieriem commented on May 21, 2024

Hi, can you tell me, when this happens, in which browser and on which device?

from simplelightbox.

akiyatkin avatar akiyatkin commented on May 21, 2024

When listing images, Chrome, Notebook Windows 8

from simplelightbox.

andreknieriem avatar andreknieriem commented on May 21, 2024

Hey akiyatin, you closed the issue? Was that right?

from simplelightbox.

akiyatkin avatar akiyatkin commented on May 21, 2024

I just wanted to help and report bugs. Then I removed the script, and I have nothing to add!

Since I have no more information, and you're asking, I decided to close the issue.

from simplelightbox.

bzvyagintsev avatar bzvyagintsev commented on May 21, 2024

Have the same issue on my website. Have no idea)
I can show this bug in every browser and device.

I use script inside webpack:

module.exports = function() {

    $(document).ready(function() {
        require.ensure([], function(require) {
            let simpleLightbox = require('../plugins/simplebox.js')
            let masonry = require('../plugins/masonry.min.js')
            let imagesLoaded = require('../plugins/imagesloaded.pkgd.min.js')

            var lightbox = $('.product-grid a').simpleLightbox();

            var msnry = $('.product-grid').masonry({
                itemSelector: '.product-grid-item',
            });

            msnry.imagesLoaded().progress(function() {
                msnry.masonry('layout');
            });

        });
    });
}

and html:

<div class="product-grid">
         <div class="product-grid-item">
                <a href="url"> <img src="thumbnail_url" ></a>
         </div>
          <div class="product-grid-item">
                <a href="url"> <img src="thumbnail_url" ></a>
         </div>
 </div>

from simplelightbox.

andreknieriem avatar andreknieriem commented on May 21, 2024

Hello, is this error on the grid of the thumbnails? Because that has nothing to do with the plugin, it's just some Demo Markup.

from simplelightbox.

bzvyagintsev avatar bzvyagintsev commented on May 21, 2024

I make my own grid.
I test website today on android device, and it works fine.

But on desktop, when I click "next", image slide, and before new image load, plugin show previous image.

I can give you link to my website and you can take a look. Can i do it here?)

from simplelightbox.

andreknieriem avatar andreknieriem commented on May 21, 2024

Hi, yes please share a link.

from simplelightbox.

bzvyagintsev avatar bzvyagintsev commented on May 21, 2024

http://xn--90aftjhof4g.xn--p1ai/products/c-02

you can see images with your plugin on the bottom in section "Дополнительные фото"

from simplelightbox.

bzvyagintsev avatar bzvyagintsev commented on May 21, 2024

I discovered that this issue appers only on ubuntu in chrome beta version.
On windows stable chrome and android chrome it works perfect!

from simplelightbox.

andreknieriem avatar andreknieriem commented on May 21, 2024

Hey, ok its strange, but it works in old IE's, so I think the beta has a bug, not my script.

from simplelightbox.

bzvyagintsev avatar bzvyagintsev commented on May 21, 2024

My android get a new version of chrome, and It has the same issue now))

from simplelightbox.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.