在我的网站上，我创建了一个显示图像的lightbox，直到实际的图像被加载。这是我用于加载图像的代码： function showSlides(n) { var slides = document.getElementsByClassName("slides("src",slides[slideIndex-1].getAttribute("data-src"
浏览 24提问于2019-09-14得票数 2
2回答
我使用一个简单的脚本来导致页面上所有图像的延迟加载；图像源的路径包含在一个data-src属性中，然后放入img标记的实际src属性中。差不多是多少(?)延迟加载方法的实现可以工作。('src', img.getAttribute('data-src')); img.removeAttribute
浏览 1提问于2018-05-02得票数 0
回答已采纳
因此，我使用以下代码在我的网站上显示一个加载程序： $(".loader").fadeOut("slow");但是有一个有很多图像的旋转木马我想从加载中“排除”这些图像，以便在这些图像完成加载之前触发事件'load‘。因为这样加载器就会褪色，但是旋转木马的图像
浏览 5提问于2021-12-06得票数 0
回答已采纳
2回答
对延迟图像应用淡入淡出效果
、、、、
我实现了一个模糊效果，使用一个非常小的，首先加载的轻图像，因为它非常轻，一旦加载了背景图像，延迟过程将用实际图像替换data-src。 if (imgDefer[i].getAttribute('data-src')) {
if (imgDefer[i
浏览 0提问于2017-12-21得票数 1
2回答
如何在博客主页停止上传图片？
、、、、
在博客主页上加载帖子页面中的图像。我想要的帖子图像加载只后页面。如果你有这个问题的答案。请让我知道。谢谢。这是我的博客地址：
浏览 2提问于2016-01-11得票数 0
2回答
我一直在努力加快我的页面加载速度。我有这两个延迟脚本，以尽量减少加载时间和提高性能。我不知道如何把这两个init()结合起来。我不擅长javascript。://www.youtube.com/embed/xxxxxx"&
浏览 0提问于2019-08-14得票数 0
回答已采纳
1回答
我有一个JS函数，一旦加载页面，就可以通过下面的数据-src将资产从透明的gif转换成完整的图像。<img src="1x1.gif" data-src="full-photo.png" class="asset" /> // My image
浏览 4提问于2019-09-19得票数 1
回答已采纳
我今天才意识到，在我的1.2MB网站(每个GTMetrix)中，有550k是YouTube视频。我想让我的网站加载得更快。如果我可以使YouTube视频不加载，直到点击，并只有一个缩略图，而不是那里，这似乎是正确的发挥？
浏览 0提问于2016-08-10得票数 12
2回答
我希望在实际的图像加载之前，应该显示一个旋转，以便我的网站可以更快地加载 window.addEventListener('load', function(){ allimages[i].setAttribute('src', allimages[i].getAttri
浏览 2提问于2018-02-03得票数 3
1回答
推迟加载在初始视图中不可见的图像
、、、、
我正在努力弄清楚如何优化图像的复制。基本上，我在四个不同的部分有相同的图像。但是，这些部分是由切换选项卡控制的，因此一次只显示一个。是否有一种方法使浏览器在单击选项卡之前不加载图像，或者浏览器加载图像一次，而不是四次，然后只回显它？$target = '<img src="..
浏览 4提问于2017-01-12得票数 0
回答已采纳
jpg" /></div>
我正在用DOMDocument()和xpath加载它，并且希望能够对它进行操作，这样我就可以将延迟加载添加到这样的图像中="lazy" src="blank.gif" data-src="example2.jpg" &
浏览 2提问于2015-03-06得票数 0
回答已采纳
3回答
我想在单个<img />标记中加载两个图像。第一个小图像将通过src属性显示，第二个大图像将位于data-src属性中，但一次将显示一个图像，该图像将位于src属性中。我想当页面加载时，小图像将被加载并首先显示，在后台完成大图像的加载后，它将被小图像取代，以便我们可以看到大图像</
浏览 1提问于2016-07-08得票数 0
我现在通过AJAX加载我的图像，但我知道只让img数据- src属性被替换为src更容易。<img data-src="URL"/><img src="URL"/>
没有jQuery。
浏览 5提问于2013-10-12得票数 6
回答已采纳
4回答
带WebP回退和数据的背景图像
、、、、
因此，我正在我的网站上做一些优化工作，以提高网页洞察力的分数，我可以提到的两点是：-
因此，在下一代格式的图像，我已经决定使用WebP，但需要包括后遗症，使他们在所有浏览器/设备工作。延迟屏幕外的图像；我使用带有一些JS脚本的data-src将背景图像设置为数据- SRC，JS替换了初始SRC，即src="dat
浏览 0提问于2019-01-27得票数 4
回答已采纳
我试图在谷歌上找到答案，但我做不到。if(imgDefer[i].getAttribute('data-src')) {
imgDefer[i].setAttribute('
浏览 1提问于2018-06-22得票数 0
我不喜欢延迟加载，因为对于用户来说，它看起来很难看。然而，我理解它的好处(更快的页面加载、低带宽、高PageSpeed分数等)。我计划编写一个javascript代码，它将：
停留在底部>等待页面完全加载>3秒后，它将工作>强制加载所有以前在初始页面加载期间被延迟加载的图像。这样，我不会丢失任何速度分数(因为它将像往常一样加载延迟加载的图像)，但是，在完成所有操作
浏览 4提问于2020-11-20得票数 0
回答已采纳
1回答
我正在我的页面上加载一些图像(从文件路径)，他们可以是沉重的，所以我创建了.min版本，并尝试加载缩略图，然后加载原始图像时，它是准备好了。 但是，我似乎无法呈现原始文件。]'), function (img) { img.on
浏览 21提问于2019-06-30得票数 0
1回答
')) { }].setAttribute("src",t[e].getAttribute("data-src"))}window.onload=init;
(您可以
浏览 1提问于2019-10-29得票数 0
如果屏幕宽度小于特定像素量，我希望使用javascript将-medium或-small添加到文件url中。如果有更好的方法在HTML没有图片标签，使用id或其他东西，请提到它。到目前为止，我的代码如下： getElementsByTagName("img").setAttribute(src, ---url that
浏览 1提问于2019-06-13得票数 1
回答已采纳
云服务器
ICP备案
云直播
即时通信 IM
实时音视频
腾讯云开发者
