Stack Overflow
Stack Overflow

Questions tagged [jquery-lazyload]

Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them.

Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.

Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.

Resources

110 questions
18
votes
2 answers

How to handle "image corrupt or truncated" in firefox

PLUGIN I am using a jQuery plugi called lazyload. What this does is lazy load images - meaning it does not render them in the browser until the image is within the scope of the viewport. This is useful when you have a page that has many images, for…
Walker Farrow
  • 2,859
  • 4
  • 26
  • 50
13
votes
4 answers

Masonry & LazyLoad doesn't want to work together

I am setting up a site for a photographer. It should be built using the Bootstrap 3 framework, and he wants to have a masonry with over 400 images on one page. For this to work LazyLoad is a must. I have now spent several days trying to get LazyLoad…
no0ne
  • 2,569
  • 8
  • 25
  • 40
12
votes
1 answer

Lazyloading images in horizontal slider

I am lazyloading the images on this site with jquery lazyload and a treshold: https://bm-translations.de/#leistungen //Lazyload Images with Threshold https://www.appelsiini.net/projects/lazyload $(function() { $("img.lazy").lazyload({ …
Krystian
  • 537
  • 3
  • 13
  • 44
9
votes
3 answers

How to change default html for adding image in Tinymce

When i add an image in tinymce, this is the default html source code i get:

How do i change this? to something like:

Mindless
  • 2,247
  • 3
  • 23
  • 45
7
votes
2 answers

How can I trigger an event after lazy load has loaded an image?

I have images that need to be absolutely positioned so that the center of the image is in the center of its parent div. I already have code that does this. I recently added the Lazy Load plugin and it works as expected. But I need a way of…
thinsoldier
  • 239
  • 1
  • 3
  • 7
7
votes
5 answers

Get img src with PHP Simple HTML DOM

Demo I need to get the image src from the following code HTML
Kārlis Millers
  • 664
  • 1
  • 11
  • 29
7
votes
3 answers

Dynamic generated image is requested twice when using jquery lazy loading in Google Chrome

I have an ashx file handler that generates my images. This all works fine. Now, I want to use lazy loading. Using this jquery lazy loading…
ThdK
  • 6,877
  • 20
  • 67
  • 91
6
votes
0 answers

How to integrate jQuery Lazy Load into Meta Slider WordPress plugin?

Unfortunately for me, Meta Slider WP plugin does not support lazy load, but it's perfect for what I need -- well almost. Here's why: I have a ton of images (per slider) that will be displayed in multiple sliders using this WP Meta Slider plugin. All…
Bari
  • 157
  • 1
  • 1
  • 10
5
votes
5 answers

Lazyload background-image with lazysizes

I want to load a background-image "lazy" with the library http://afarkas.github.io/lazysizes/ They do mention that the loading of "anything" lazily is possible. But the whole documentation on that is that one:
Daiaiai
  • 927
  • 1
  • 9
  • 25
5
votes
4 answers

How to get data-src attribute with jquery?

Actually I want to do when I hover off the first image must be appear again I want to share my structure with you
ani_css
  • 2,066
  • 1
  • 20
  • 59
5
votes
1 answer

Lazy load and unload of images

I have an html file with many tags. I want to load images on scroll event, and unload the images which are not visible. like in Aamzaon viewer, when you scroll up/down, the current image in the frame is lazy loaded. I saw a lot of LazyLoad tools,…
Inbal
  • 869
  • 2
  • 24
  • 44
5
votes
1 answer

Bootstrap isotope and lazyload fetch/load images via json

Normal isotope usage for ajax fetching is working. see working jsfiddle. isotope with lazyload via ajax fetch not working. see problem jsfiddle. Problem: lazyload does not trigger and keeps showing grey image. javaScript for lazyload setup…
django
  • 2,609
  • 4
  • 36
  • 74
4
votes
2 answers

Error: Cannot find module 'jquery' on require.resolve('jquery') webpack

The problem is Error: Cannot find module 'jquery' When i build it with script: rm -rf dist && webpack --config webpack.config.js Already tried with another clue like external etc but still got issue on jquery Here is my package.json, { "name":…
Beni kurniawan
  • 109
  • 1
  • 1
  • 12
4
votes
4 answers

How get image size of image loaded by lazy load

I am using lazy load plugin (jquery.lazyload.js) and I try to get the image size that it loads. So in the display part I have: echo ''; Java…
user1314404
  • 1,203
  • 2
  • 20
  • 44
4
votes
2 answers

How do I integrate lazyload & bxslider together?

I want to lazily load images in the bxslider (or any slider like control, which allows dynamic number of slides/images). I'm using lazyload for loading images lazily, but the images in the slider isn't loading lazily. All the images are getting…
Abhishek
  • 6,114
  • 12
  • 46
  • 78
1
2 3 4 5 6 7 8