我有一些图像与固定的高度，我想懒加载。这些图像被包装在一个组件<LazyLoad />中，该组件提供了一个相交观察者。在主页中，我使用了一些这样的<LazyLoad />组件。然而，尽管我有6个这样的组件，并且它们中只有一个(第一个)似乎与视口相交，但它实际上是已经加载的前4个图像，所以只有最后两个图像是延迟加载的。我如何让观察者按照我期望的那样工作？
浏览 8提问于2019-02-18得票数 0
回答已采纳
我不明白为什么我不能在我的角度应用程序中看到webp图像。以下是代码： <source type="image/webp" srcset="./assets/4T-dashboard-start.webp"></picture>
使用开发
浏览 1提问于2019-12-03得票数 2
回答已采纳
我使用.append()将图像加载到div中 // This line of code is just one of my failed attempts});
由于图像是在文档加载后添加的，所以我认为懒惰的加载程序插件很难“看到”原始HTML中的图像，因为它们不存在。也许LazyLoa
浏览 0提问于2012-12-04得票数 2
我正在使用这个组件： </div>import Vue from 'vue'
import VueLazyload from 'vue-lazyload
浏览 0提问于2019-03-22得票数 0
回答已采纳
1回答
我有一个SvelteKit项目，部署到Vercel，在其中一个页面中嵌入了几个视频。<iframe class="player-ratio" src="https://www.youtube.com/embed/video_link" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; pictur
浏览 7提问于2022-08-16得票数 0
回答已采纳
1回答
但是，这意味着浏览器无法预先布局页面，因此在加载图像时会移动页面元素。我已经通过在图像框上指定一个高度来解决这个问题，这样整个页面就不会上下跳跃。我已经尝试了各种方法来指定每个幻灯片图像的高度，使用我的mySlidesV类，但谷歌似乎只是忽略它，直到它加载。因为我正在加载基于媒体查询的不同维度的图像，所以我的css变得越来越复杂，有什么最健壮和干净的方法来解决这个问题？victoria-street-wide-540_guetzli.jpg" alt="A Harry Potter tour dressed in cos
浏览 2提问于2020-05-13得票数 0
1回答
我需要一种方法来测试另外两个组件被延迟加载的组件。
我们正在使用webpack模块联合。因此，在这里，ComponentOne和ComponentTwo是微前端，它们是在App组件中延迟加载的。
浏览 4提问于2022-02-08得票数 4
function callLazyLoad(){ $('img.lazy').lazyload();})；
嗨，我创建了上面的代码，以允许图像加载时，网站是调整大小，点击或滚动。但是，当我第一次进入网站时，只有当我点击、滚动或调整网站大小时，才会加载图像。如何默认加载图片？我不能改变上面的代码，因为我只需要它加载时，它是调整大小，
浏览 0提问于2013-08-30得票数 1
1回答
在css中添加宽度高度在HTML $(窗口).resize()、.trigger(“lazyload”)、skip_invisible:true failure_limit : 1000中添加宽度高度
浏览 0提问于2014-01-01得票数 4
我遇到的问题是，当页面加载的时候，它真的很慢。所以你等了很长时间才把它装上。
有人能帮助我演示如何在我的div.中只加载可见区域吗？
浏览 3提问于2020-09-27得票数 1
我在datagridview中显示我的对象列表时遇到了问题。我有一个属性很少的类。其中两个是另一个对象。在不使用my tostring覆盖的情况下，我在我的datagridview中看到"Castle.Proxies.ClassNameProxy“。下面是我的地图的一小部分：
浏览 0提问于2013-06-16得票数 0
回答已采纳
我有一个插件，可以在文档就绪后加载图像。为了使其工作，图像源如下所示：脚本显示在加载图像之前的the_actual_image.jpg loader.gif，然后用loader.gif替换该gif。mylazyload() { var timeout = setTimeout(function(){$(".models img.lazy").lazyload
浏览 1提问于2012-09-05得票数 0
回答已采纳
我有一个延迟加载组件，其中我有3个参数：LazyLoad组件如下：import { Suspense } fr
浏览 8提问于2021-11-25得票数 0
回答已采纳
我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。
这是可能的吗?如果是的话，该怎么做？
浏览 0提问于2014-02-11得票数 2
1回答
<script src="assets/js/vendor/jquery/jquery.min.js"></script> <!-- using lazyload to load our depe
浏览 20提问于2017-01-31得票数 1
我正在对一个组件进行单元测试，该组件利用react-lazyload来延迟加载内容。在我的单元测试中呈现时，我注意到Lazyload没有呈现内容，并且显示了它的占位符。我尝试将waitFor与async/await一起使用，以等待延迟加载的内容在下一个节拍周期中呈现，但它仍然失败，screen.debug()仍然在dom中显示占位符。toBeInTheDocument()import LazyLoad from 'react
浏览 27提问于2021-09-14得票数 0
我想通过延迟加载图片来加快Shopify网站的加载速度。问题是，我无法在代码中找到特定的图像文件，以便将class= "lazyload“添加到其中。--Lazy Loading --><style>.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity.3s}</st
浏览 83提问于2020-09-23得票数 0
1回答
当你向下滚动时，我试图让整个div .lazyload延迟加载，但我似乎无法正确地理解它。插件()<div class="lazyload"> </div>
<div class="lazyload">
浏览 2提问于2016-01-14得票数 1
回答已采纳
1回答
当我从'/‘开始并单击链接to="/test“时，它总是加载'About’组件，当我检查'About‘的componentDidMount的道具时，match对象包含"/test”的匹配数据。Switch> exact path="/" <LazyLoad<Ro
浏览 4提问于2017-06-04得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
