112 questions
0
votes
1
answer
43
views
Lazyload is loading the same page or content over and over again
I'm a newbie when it comes to javascript or jquery stuff.
I have this website here: https://www.brindestip.com.br/brindes/Agendas
It's loading the same thing over and over again when i scroll. It wasn'...
- 23
0
votes
0
answers
2k
views
Efficiently display large list of images in multiple rows and columns in Blazor
I am trying to display a list of 1000+ images in Blazor, while keeping it as performant as possible.
The items are displayed in rows, and depending on the size of the browser, the images will become ...
- 189
0
votes
0
answers
686
views
Lazy Loading images in MVC
I have an MVC project in which I am trying to implement lazy loading on images that don't appear at the top (or are in view) in the browser when say the homepage loads. Then as you scroll down the ...
- 87
0
votes
1
answer
1k
views
Filter datalist or lazy load search with blazor
<input type="search" list="txtSearch" @bind-value="@searchTerm" @onkeydown="@Enter">
<datalist id="txtSearch">
@foreach (var item in ...
user16242098
0
votes
1
answer
29
views
jqueryLazy not triggering when images gets visibles via css changes
I have a bunch of images, say 100 images, in a web page, and only 10 are visible without scrolling the page. The first 90 images have a "myclass" class.
I manage all images with jquery lazy (...
- 417
2
votes
1
answer
2k
views
lazy() loading not loading non component js file in react
I am trying to lazy load constant file in react. This constant file is not react component just simple javascript files like below :
// constant.js
export const customFunction = () => {
}
// ...
- 9,429
0
votes
1
answer
1k
views
JavaScript - lazy load <li> element
Is there any way I can lazy load li elements on scroll with basic js functions?
I found some example which I did not succeed to adjust to my example.
<div class="col-md-12">
<ul ...
- 99
0
votes
1
answer
325
views
WordPress not showing pictures after 5.5 update - "Enable jQuery Migrate Helper" solution doesn't work
I migrated to WP 5.5 and as many, I have issues with pictures not showing.
I tried to apply all the solutions I found on the internet but none worked:
install "Enable jQuery Migrate Helper"
...
- 197
0
votes
1
answer
3k
views
Slick Slider Syncing with Lazy Load
I'm trying to optimize my Slick gallery using Lazy Load. However I haven't been able to run lazy load on a carousel with slider syncing. Chrome DevTools Network shows that all images are being loaded ...
- 480
0
votes
0
answers
50
views
lazyload-rails shows distorted PNGs
I am using lazyload-rails and everything works fine for JPEGs. However, when I have a PNG, the image appears distorted. Please see the image below -
Would be great if you could help me figure why ...
1
vote
1
answer
522
views
lazyload picture (webp + fallback)
I would like to lazyload webp-images with a fallback-image.
My html looks currently like this:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js">...
- 997
1
vote
1
answer
395
views
have error with tuupola/lazyload in laravel app
In Laravel 7 / blade / bootstrap 4.1.2 / jquery 3.3.1
I want to apply lazyload for my images with
https://github.com/tuupola/lazyload
I selected 4 big files(3 png, 1 jpg 3-10 MiB) and show them in ...
- 3,321
1
vote
0
answers
515
views
How to apply django lazy loading to load my comments?
I am tried but i am not getting the desired output for lazy loading
views.py
def post_detail(request, pk):
post = get_object_or_404(Post, pk=pk)
content_type = ContentType.objects....
- 51
0
votes
1
answer
568
views
PHP Image gallery with lazyload
I'm trying to build an image gallery with php and lazyload. I have around 8000 images which shouldn't load at once.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"&...
- 88
1
vote
1
answer
1k
views
Lazyload not working on Turbolinks page refresh (but works on normal page refresh)
I'm trying to implement Lazyloading of images in my RoR web app, which uses Turbolinks.
I've implemented this gem: https://github.com/jassa/lazyload-rails
It works perfectly as intended if I do a "...
- 307
4
votes
2
answers
4k
views
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 ...
- 101
2
votes
0
answers
1k
views
how to import lazy load and isotope using ES6 module?
I'm building an image gallery using isotope-layout. I try to use lazy-load to prevent downloading all photos (hundreds of photo) (I want users do not load images unless they scroll down).
I import ...
- 166
3
votes
1
answer
2k
views
jquery lazyload images and webp with fallback
I am a bit confused how to use the picture fallback solution in combination with jquery lazyload. I use this library:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/...
- 997
0
votes
0
answers
349
views
Using vanilla-lazyload 10.15.0 loadAll method in AngularJS 1.6
I'm really new to angular and I started in an existent project using vanilla-lazyload to lazy load images, and for the application logic I need to use the method loadAll of the documentation, but when ...
0
votes
1
answer
189
views
jQuery Lazy not loading images after I click the Facebook Connect button
I implemented jQuery Lazy: http://jquery.eisbehr.de/lazy/. Everything works correctly except for one thing: When I click the Facebook Connect button, the images remain blank. After I click around, ...
- 7,833
0
votes
1
answer
539
views
Removing 'src' attribute from output of $html->image() in CakePHP
I am using CakePHP 1.2. I am trying to use jQuery Lazy (http://jquery.eisbehr.de/lazy/example_basic-usage) from CakePHP. Reading the documentation at https://book.cakephp.org/1.2/en/The-Manual/Core-...
- 7,833
1
vote
0
answers
269
views
jQuery lazyload plugin with horizontal scroll for smartphone site
I am using jquery_lazyload plugin.
When I use it with horizontal scroll div, it seem to stop working on simulating mobile devices of Chrome / Firefox DevTools and real smartphone(Android, iOS).
Once I ...
- 11
1
vote
1
answer
6k
views
jQuery.Lazy() - lazy load background image of section with id
I want to apply lazy loading for one image with method .lazy() for a section with id. The section has configured background via CSS. Below is code:
HTML
<section id="showcase">
</...
- 89
1
vote
0
answers
721
views
Lazy load not adding link to background-image
I have this code in html:
echo '<div class="sponsors__item-bg-img lazy-load" data-original="'.$sponsor_item['image'].'" style="background-image: url();" src="https://static.questex.asia/template7/...
- 33
0
votes
1
answer
550
views
java stream get Spring data jpa OneToMany Collection as null
public class ValidateClaimDataEntity{
...
@OneToMany(mappedBy = "claimDataEntity")
private List<ValidateEventDataEntity> eventDataEntityList;
}
when I do
function(...
- 1,753
0
votes
1
answer
552
views
Jquery Lazyload - Callback not working
I am using the jQuery Lazyload plugin from https://github.com/tuupola/jquery_lazyload like this..
jQuery(window).load(function(){
jQuery("img.lazyload").lazyload({
load : function()
{
...
- 12.9k
0
votes
0
answers
897
views
LazyLoad FireFox Issue
I'm trying to use the following lazyload plugin but for some reason it doesn't work in Firefox
https://appelsiini.net/projects/lazyload/
$(document).ready(function() {
var lazyloader = ...
- 776
1
vote
2
answers
431
views
Issue loading jquery within blogger
On the linked page I am having trouble running code with jquery and .lazy.
https://quazmoz.blogspot.com/p/exercise-generator.html
It gives an error stating jquery and .lazy are undefined, even though ...
- 139
10
votes
6
answers
28k
views
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 ...
- 1,109
-4
votes
1
answer
834
views
Delay pop up tag with lazy load
I want this popup tag can be loaded after 60 seconds of full page load with Lazy load or jquery. because settimeout and setinterval never worked.
<script type="text/javascript">
var ...
10
votes
3
answers
8k
views
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:
<p><img class="img-responsive img-post" src="/Images/uploads/img.png" alt="" /></p>
How do i change this? ...
- 2,367
0
votes
2
answers
1k
views
lazyload background image AND normal images with jquery library
I am lazyloading the images on https://bm-translations.de
So far so good, but now I tried to implement it for the background image as well, but its nod loading the image (thatswhy currently not ...
- 997
12
votes
1
answer
12k
views
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
$(...
- 997
5
votes
4
answers
3k
views
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 '<img #img id="img-' . $i . '" name="' . $filename . '" class="...
- 1,315
0
votes
1
answer
2k
views
Unveil lazy loading plugin error
I'm trying to use the unveil plugin in my c# .net mvc project. I get this error.
jquery.unveil.js:13 Uncaught TypeError: Cannot read property 'fn' of undefined
The jquery.unveil.js script file is in ...
- 1,341
2
votes
1
answer
3k
views
Lazyload not working with infinite scroll
I am using a jscroll plugin for infinite scroll and jQuery lazyload plugin
https://www.appelsiini.net/projects/lazyload
Lazyload:
$(function() {
$("img.lazy").lazyload({
effect : "...
- 2,795
0
votes
1
answer
794
views
LazyLoad with ASP.NET Core - Relative Root Path?
What I'm trying to achieve:
Using LazyLoad's data-original attribute while keeping ASP.NET's ~/ path identifier for my relative-root path!
What the problem is:
data-original attribute does not ...
- 704
1
vote
1
answer
1k
views
Lazy Load Background Images Wordpress
I want to lazy load background images
so i need to convert
<div class="post-header post-tp-11-header" style="background-image: url(https://cdn.guest.blog/wp-content/uploads/2017/01/A-Beautiful-...
- 143
0
votes
2
answers
3k
views
Loading website faster by laravel, Load only after scroll
I am developing an ecommerce website https://www.babyshopnepal.com
I am trying to load the contents of the site as the user scrolls through the page.
I want to achieve functionality similar to ...
- 1,488
0
votes
2
answers
689
views
jquery lazyload 2 column image only work on left side
I have a page that show 2 column of image side by side in a tablet view and above, I use lazyload jquery, the problem is when i scroll through, it only lazyload the left column image and the right ...
1
vote
1
answer
2k
views
lazyload: show div only when it's contained image loads
I'm using the lazyload plugin for loading all the images in my web. These images are each one contained in a div with also some description and buttons.
<div class="container">
<h5>...
- 6,303
0
votes
1
answer
994
views
Crawling dynamic loading images from TripAdvisor
I am trying to scrape reviews from TripAdvisor website. As most of the images in the website are loaded dynamically, I use Splash javascript rendering service to generate the pages.
The problem is ...
- 63
1
vote
1
answer
2k
views
jQuery Lazy horizontal data-src load fade or animate loading image
jQuery Lazy horizontal data-src load fade or animate loading image dont work
$('.lazy').Lazy({
// your configuration goes here
scrollDirection: 'horizontal',
effect: 'fadeIn',
...
- 17
0
votes
2
answers
2k
views
"Pending" in Chrome When Lazy Loading Images in Dynamically Loaded Content
I have a page with multiple independent sections displayed in tabs, each containing potentially hundreds of images. To make page load performant, I am doing two things:
Loading the sections in ...
- 30.4k
5
votes
4
answers
22k
views
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
<div class="tur-list-box">
<div class="tur-list-content">
&...
- 2,136
1
vote
1
answer
946
views
Lazyload plugin against a background-image div is causing the content contained within the div to flicker when loading the image
I have a small but annoying issue. I'm using the Lazyload plugin for JQuery (Mika Tuupola - here) and I'm having an issue whereby using the fadeIn effect on a div background-image attribute causes the ...
- 963
1
vote
0
answers
1k
views
Lazyload and Fancybox
I'm trying to run Fancybox and Lazyload together but Lazyload needs "data-src" on the img tag instead of "src". Fancybox doesn't work anymore when I change "src" to "data-src". Can someone help me ?
- 57
3
votes
0
answers
2k
views
Lazy loading images on mobile
I'm using this lazy loading code.
JS CODE:
$(window).on('scroll touchmove', function(){
if( $('.touch').length) {
var images = $('.theme-slider img[data-lazy]');
images.each(function(index)...
- 857
0
votes
2
answers
329
views
lazyload jquery callback function
I currently call a function when lazyload has rendered an image. This works fine. The problem I have is that i need to access $(this) within the function. Is there a way of parsing this data to the ...
user5483305
2
votes
1
answer
7k
views
Error Image with Lazy Load
I am using jquery.lazyload for loading my images. All working fine as per the sample.
Now i need to change the placeholder image to my 'no-image.jpg' when original image not loader or error.
I got ...
- 2,050