1回答
我有有200个帖子的网站，每个网站都有+50张没有文本内容的图片，这会减缓我的网站的加载速度。我想用一个按钮来分割图片的加载，当用户点击它就会加载更多的10张图片等等，直到最后，我不知道如何将js函数添加到word-press中，我找到了一些插件，但是用<--next page -->拆分成很多页面，但是我需要一些类似的东西来将用户保留在某个页面中。
浏览 2提问于2020-04-12得票数 1
回答已采纳
1回答
我正在react中创建一个图片库。我在一个页面上加载所有图像的缩略图，使用map()呈现存储在初始状态的图像数组。我想要做的是一个接一个地加载图像缩略图(一旦第一个加载淡入)，然后与第二个相同，就像一个骨牌效果。解决这个问题的最好方法是什么？我尝试映射数组并在img标记上设置onload，但这只是在加载所有图像后一次淡入。
浏览 2提问于2018-11-13得票数 0
我有很多图片在我的网站，这使我的网站加载太慢。我是否应该创建一个低质量、小尺寸的小图像，并在其上产生模糊效果，并在下载所有页面文件之后使真实的图像缓慢加载(延迟加载)，或者我应该做些什么？
浏览 7提问于2022-11-22得票数 -2
回答已采纳
我在页面上使用fullpage.js。我设置了滚动条:真，所以我想跟踪滚动在某些幻灯片上的位置，以使图像加载显示。如果有一种方法可以对具有滚动转换效果的图像使用延迟加载？
浏览 0提问于2016-03-02得票数 0
回答已采纳
4回答
jQuery无限滚动/惰性加载
、、、、
我目前正在重新设计我的网站，并一直在考虑使用JavaScript和jQuery。这是我到目前为止所拥有的：。
我的愿景是将所有的照片放在一个页面上，用户可以滚动浏览，就像现在一样。然而，我理解在一个页面上放置50+大图片的限制和效果，并考虑使用无限滚动和延迟加载，我知道只有当用户访问图像或单击“更多”链接时才会加载图像？
所以，我的问题是:这会减少页面负载吗?我将如何实现无限滚动/延迟加载?这会有效地工作吗?或者你能想出更有效的方法来做到这一点吗？
谢谢，泰德
浏览 1提问于2010-01-31得票数 21
回答已采纳
我正在构建一个现有网站的移动版本，我正在寻找一个问题的解释(作为一个jQuery移动新手)。
这个页面在第一张图片上有一个jquery反射效果： (它是通过将这个效果应用于任何带有‘reflect’类的图片来实现的)。
如果直接转到页面，就会加载js，图像上的反射效果也会很好。但是，如果您从此处导航到页面，即父页面，则反射js将不起作用：
据我所知，这与jquery mobile的ajax加载有关。我发现如果在来自父页面的链接上使用'data-ajax="false"‘，反射js就可以正常加载。
我的问题是：
-Is有没有更好/更正确的方法来实现不使用数据的反射--在父
浏览 1提问于2011-08-22得票数 10
1回答
我已经实现了一个主要是CSS幻灯片的网站。问题是，在我的手机上，由于网络连接不良，图片无法完成加载，下一张图片开始加载，这是糟糕的用户体验。有没有可能通过JS检测到客户端是否已经完成了镜像的加载？
浏览 18提问于2021-09-14得票数 0
回答已采纳
2回答
我正在使用react-image-gallery https://www.npmjs.com/package/react-image-gallery，但我无法访问我的图像的html，我需要它们在loading="lazy"中，是否可以在CSS中提供它，例如 img {loading:lazy} 还是在JS中？ 我在react-image-gallery里试过lazyLoad={true}道具 useEffect(() => {
var imgs = document.getElementsByTagName("img");
浏览 31提问于2020-09-02得票数 1
回答已采纳
1回答
我对它还比较陌生。所以我对像React和vue这样的JS框架有一个一般性的问题。为表演干杯。
在使用React或vue的网站中，是否会一次加载所有数据？例如，如果我有一个包含许多图片的页面。然后在使用组件或用户调用页面时加载它们？
我找到了一个。在那里，页面只是隐藏的，但仍然加载。这在大型框架中也是类似的吗？
谢谢!
浏览 19提问于2018-01-20得票数 0
回答已采纳
我想先加载js，然后加载图像。原因:我希望立即应用蓝色翻转效果。这个页面上的图片最终会加倍，所以随着它的增长，最终会出现更大的用户体验问题。
有什么想法吗？
浏览 0提问于2011-03-11得票数 0
回答已采纳
我使用具有内置延迟加载功能的slick.js carousel来显示全屏图片库。我遇到的一个问题是，惰性加载器只使用img标签显示，所以我不能对它应用background-size:cover，我也不想使用js插件让它全屏显示。有谁有什么想法吗？
浏览 4提问于2015-07-22得票数 1
2回答
网站--> 在他们发布的图片中使用了悬停效果。这是什么样的效果呢？它是一个CSS3或者jquery效果，怎么做类似的效果呢？
浏览 1提问于2012-08-01得票数 0
2回答
如果我加载了20张图片，我想只在用户向下滚动时才加载淡入淡出效果。
代码如下：
<?php
//Proceso de conexión con la base de datos
$conex = mysql_connect("localhost", "root", "root")
or die("No se pudo realizar la conexion");
mysql_select_db("sesiones_php",$conex)
or die("ER
浏览 1提问于2013-01-04得票数 0
1回答
早在2000年，我就有了一个js，它让我得到了一个非常好的主页：
一张图片：<pic src=x>
并且不知何故，js每隔预定的时间段改变主画面。(在页面加载时加载了一个图片池)
我现在可以找到这样的脚本，但找不到具有折叠效果的脚本(就像在书中折叠页面一样)
我得到的壁橱是一个jQuery解决方案--但我不了解这项技术，我更喜欢JS。你能给我一个这样的解决方案的参考吗？
浏览 1提问于2010-09-21得票数 1
1回答
我有一个栅格，在栅格的每一行上都有一个button.When，我点击了那个按钮，一个模态弹出窗口出现了，它有close按钮，但是只要我点击close按钮，close按钮所在行上的悬停效果就会出现在图片中。我想延迟这个事件。
悬停效果是通过CSS tr:hover实现的，我不能按原样替换它，我只想在单击close按钮时延迟悬停效果。
浏览 0提问于2014-10-27得票数 0
3回答
我创建了一个wp主题。这是它的一个页面
当您单击任何视图相册时，它将打开该相册的相应图片。每张专辑包含10-12张照片，因此在整个页面上，大约有80到90张图片。
问题是由于80到90张图片，打开页面需要花费太多的时间。是否有任何方法仅在页面加载时加载封面图像，并在单击视图相册时逐一加载相册图片？请注意，封面图片被设置为特色图像和其他相册图片添加在媒体后。
这是我的密码
Javascript: Page template code in wp： CSS:
请提前help.thanks
浏览 8提问于2014-10-20得票数 2
回答已采纳
我是CSS和web编程的新手。我想要做的是为按钮添加一个悬停效果。我使用2张图片来做这件事。
有一个名为download的按钮，我在悬停代码中添加了：
.button:hover{
background-image:url(images/button2.png);
}
问题是按钮需要时间来加载，即:在悬停时会有延迟来显示按钮。我该如何解决这个问题呢？
编辑:我试着使用预加载，但也有一种延迟
div#preloadedImages
{
width: 0px;
height: 0px;
background-image: url(images/button
浏览 0提问于2012-11-16得票数 0
我在我的(根)应用程序模块(在AppComponent中)中分配了一个Ngrx操作，这个操作应该通过一个效果来处理，但是这个效果不会被触发。这一效果是在其他一些延迟加载的角度模块中声明/实现的，我假设懒散加载可能是线索。
我猜想，由于我的惰性模块尚未加载，因此无法让角知道效果是否存在，尽管效果在我的效果列表(EffectsModule.forFeature(.))中声明过。我确信没有加载lazyloading模块，因为触发相应模块延迟加载的路由尚未被触发。
为了验证/验证我的假设，我通过将该模块添加到我的根模块的导入中，使lazyloading模块非常迫切，并且通过该效果检测和处理了该操作。
浏览 3提问于2021-08-13得票数 0
1回答
我正在设计一个登陆页，其中图片形成一个网格。点击一个按钮，图片就会淡出，然后一个接一个地返回，形成另一个矩形网格，以获得有趣的效果。怎样才能让它自动绕过点击功能，自动加载图片。换句话说，网格形式减去了用户的输入。(不能点击我要移除的按钮)
$(".animate").on("click", function(){
//fading out the thumbnails with style
$("img").each(function(){
d = Math.random()*1000; //1ms to 10
浏览 2提问于2016-11-24得票数 0
2回答
在我的应用程序中，我尝试使用100张图片显示页面卷曲效果，如以下github链接- 所述
在示例代码中，他们只使用了两张图片，但在我的应用程序中，我使用了大约90张图片。这会导致应用程序崩溃，在logcat中显示以下问题
E/dalvikvm-heap(603): Out of memory on a 5529616-byte allocation.
当我尝试使用7张图片时，效果很好。当我尝试增加超过7，它会崩溃。我所有的图像都在可绘制的文件夹中。
在github代码中，来自drawable图像如下
mPages.add(BitmapFactory.decodeResource(getReso
浏览 2提问于2012-11-12得票数 0
回答已采纳
2回答
我正在尝试使用jquery ui让图像弹入和弹出div。我把所有的图片都加载到了一个隐藏的div里。我有一个递归jquery函数，它在无限循环中显示单独div中的图像。我想添加图像弹入然后弹出的效果。
目前我有：
jQuery(document).ready(function(){
var imgarray = jQuery('img','#hide');
(function recurse(counter) {
var imgobj = imgarray[counter];
jQuery('.slides_container img
浏览 2提问于2013-06-01得票数 2
回答已采纳
我正在尝试将延迟加载添加到我的react应用程序中，因为我有超过200个在初始加载时不需要的图像。如果我延迟加载图像，这是否意味着，直到屏幕上需要它们时，它们才会被加载？ 我目前正在将4组大约50张图片导入到.js文件中，然后将它们添加到对象中，以便可以在我的组件中动态使用它们。看起来是这样的..。 // SportImages.js file
import Football from './images/football.png
import Cricket from './images/cricket.png
import Soccer from './image
浏览 26提问于2021-09-04得票数 7
1回答
我已经使用lazyload.js构建了一个站点，当页面被访问时，它可以淡入图像。像这样..。
window.onhashchange = function() {
if (location.hash) {
var hash = window.location.hash.substring(2);
switch (hash) {
case "about":
changeContent('about');
break;
ca
浏览 0提问于2012-11-02得票数 1
2回答
实体框架虚拟属性
、、
不标记实体框架(v4)实体的虚拟导航属性的效果是什么？
如果我没有使用延迟加载，但忽略了正确的急切加载，那么在访问(未加载)属性时会发生什么？
除了延迟加载之外，还会有其他影响吗?或者这是需要虚拟导航属性的主要特性吗？
浏览 4提问于2013-02-09得票数 6
回答已采纳
在下载该页面的所有内容之前，我使用React +React路由器+ 来添加一个preLoader页面。这是我的代码：
AppLoader.js：
import Loadable from 'react-loadable';
import Loading from './preLoader';
import React from 'react';
const LoadableComponent = Loadable({
loader: () => import('./App'),
loading: Loading,
浏览 0提问于2018-10-14得票数 3
回答已采纳
我有一个反应应用程序，多个组件被呈现在不同的路线使用反应路由器。让我们以两个组件为例
<Routes>
<Route path="/"><Home /></Route>
<Route path="pay"><Pay /></Route>
</Routes>
这两个组件都在使用useEffect。访问索引路径时，对(webpack)js包的初始负载上的两个组件是否作出反应呈现(并运行效果)？
如果是这样的话，我假设我可以使用代码分割来在加载时只呈现已访问路由的组件。
浏览 5提问于2022-11-18得票数 1
回答已采纳
2回答
我寻求创建一个自定义淡入与jQuery或JS。我希望淡出被夸大，从非常模糊，到像素化，然后清晰清晰的形象。页面加载，一次。
这是一张图片。是的，我想是通过动画制作完成的。但是我能用jQuery写效果吗？
在页面上加载。抓取图像#div >
图像加载模糊>然后像素在>，然后清晰的原始HQ图像解析。
浏览 6提问于2013-08-26得票数 9
回答已采纳
1回答
我的网站使用一张图片来加载一个图库。在旧版本的Fancybox中，您使用了一个.js文件来加载图像，而且效果很好。使用新的一个，我必须隐藏图像，当用户访问我的网站时，每个单独的图像都会加载。
我如何防止这种情况发生？用户应该只从他们正在访问的图库中加载图像。
你可以在这里看看我的网站：
浏览 3提问于2012-05-07得票数 0
回答已采纳
Chrome显示：
DOMException:在‘WebGLRenderingContext’上执行'texImage2D‘失败:可能不会加载"“处的跨源图像。
该项目的工作方式如下：
-index.html
-live2d.js
-型号(文件夹)
- model.json
- skin.png
这个model.json定义了模型中所需的图片，live2d.js从model.json获取数据并使模型具有动画效果。
如果我把这些放在我的主域中，一切正常，但是当我试图从我的CDN域加载这些文件(意味着只从主域加载index.html，但从CDN加载其他文件)时，我得到
浏览 10提问于2017-12-09得票数 0
回答已采纳
4回答
免责声明：我是jQuery的新手。
我试图为一个fadeOut块在jQuery中实现一个div效果，然后在另外两个div块上实现fadeIn效果。
然而，这些效果只适用于Chrome浏览器(即在Safari、FireFox和Opera中不起作用)，这让我感到相当困惑。我已经尝试过清除缓存，以防它存储一个旧文件，但这些似乎都没有起到任何作用。
基本思想(存储在mainsite.js文件中)：
$("#videoThumbnail_XYZ").click(function () {
$("#thumbnailDescription_XYZ").fadeOut(3
浏览 6提问于2011-01-13得票数 4
回答已采纳
我试图添加一个延迟到我的预加载程序，使页面有一个很酷的效果。我想让预加载程序显示几秒钟，即使在页面加载之后。我有预加载程序，它的工作很好，我只是需要一些帮助，增加一个延迟。
这是我目前的密码。
JS
window.addEventListener('load', () => {
const preload = document.querySelector('.preload');
preload.classList.add('preload-finish');
});`
CSS
.p
浏览 3提问于2021-01-23得票数 2
回答已采纳
2回答
在上面的图片中，我的应用程序花了太多的时间(如图中所示的3分钟)来第一次加载。我找不到真正的原因。
关于我的应用程序的一些细节：
在我的项目中总共只有13个组件。
我没有使用延迟加载，因为在我看来，它不够大，不能使用延迟加载。因为构建后main.js文件大小仅为2.4MB
为了缩小大小，我甚至删除了spec.ts文件和不需要的.scss文件。
在整个项目中有6个.svg文件。
这是我用来构建的命令。‘吴-建设--推动--aot‘
如果需要进一步的细节，我会提供，请帮助我找到背后的实际原因延迟。
浏览 0提问于2018-12-11得票数 1
$(function callLazyLoad(){
$(window).bind("resize click scroll", function(event) {
$('img.lazy').lazyload();
});
})；
嗨，我创建了上面的代码，以允许图像加载时，网站是调整大小，点击或滚动。但是，当我第一次进入网站时，只有当我点击、滚动或调整网站大小时，才会加载图像。如何默认加载图片？我不能改变上面的代码，因为我只需要它加载时，它是调整大小，点击或滚动到另一个页面。
有没有什么办法可以让图片默认加载到我的主页上，比如，有一个虚假的电话
浏览 0提问于2013-08-30得票数 1
我有一个部署在Netlify上的网站：
Github：
为了给出一点背景，这个应用程序是由React驱动的。在<div id="right-side">中的主页中，有两个React组件正在呈现。它们每个都由三个JS驱动，它在两幅图片之间进行无限交替，通过GSAP实现图像转换动画。因此，总共有4张图片是在右边渲染的。这些图像的大小约为13兆b(更多的图像)
我还有一个滑块，如果值点击>=50，那么样式和图像就会改变，让用户知道他们正在查看的图像的“类别”。
现在，这并不是接近完成的地方，所以不要在意不完整。困扰我的是，图像的加载时间(由三个JS、GSAP处理)花
浏览 1提问于2020-04-01得票数 1
1回答
我使用fullpage.js，但我有20张图片要展示。在连接速度较慢的情况下，需要很长时间才能加载。
所以我想正常地加载前四个图像，其他图像使用惰性加载系统。我在文档中看到，要运行延迟加载函数，我们必须在img标记中添加data-src。
所以我在fith图像之后有了data-src ...
<div class="slide slide0">
<img src="url-of-the-image.jpg">
</div>
<div class="slide slide1">
<img src
浏览 0提问于2017-09-30得票数 0
大家好，我正在django框架的一个博客项目中工作，你可以在那里上传图片和文本。我有30张图片上传，页面需要2234kb的大多数图片加载时，所有的图像都在同一时间加载。因此，当我的用户点击页面(帖子列表页面)时，加载所有图像会使页面变慢。如果无论如何我可以加载，不是所有的图像，但通常是20个图像时，他们正在加载和其余的图像将加载时，用户滚动页面。有什么办法吗?我在django中使用html模板。请帮帮我。
浏览 26提问于2020-04-24得票数 0
回答已采纳
我有一个网站托管在EC2上，大多数css，JS和图片从Cloudfront加载。一个一致的问题是，即使是小的css和js文件也有1-2秒的时间到第一个字节，即使在Cloudfront上有缓存攻击。这是来自网站的截图：
📷
这些css文件没有一个是特别大的。我也连续两次进行这个测试，但似乎没有什么不同。
我对云锋有什么限制吗？或者由于HTTP2而产生的请求的任何形式的相互依赖？
浏览 0提问于2017-09-03得票数 4
我想通过延迟加载图片来加快Shopify网站的加载速度。问题是，我无法在代码中找到特定的图像文件，以便将class= "lazyload“添加到其中。 以下是我尝试过的内容:我已经将此代码粘贴到product-template.iquid页面的顶部： <!--Lazy Loading -->
{{ "lazysizes.min.js" | asset_url | script_tag }}
<style>.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opaci
浏览 83提问于2020-09-23得票数 0
1回答
在编写C++ Node.JS插件时，require('./someModule')的等价物是什么，以便加载模块以便在已编译的插件中使用？
我找到了这个方法：
Handle<String> source =
String::New("NameOfLibrary.register(require('./someModule'))");
Handle<Script> script =
Script::Compile(source);
script->Run();
如果与结合使用，效果会很好，但我想知道是
浏览 0提问于2013-07-03得票数 3
回答已采纳
我正在努力升级一个图片库(标准的图片库不允许我需要的一些照片的文本数量)。一切正常，但当我在按钮上运行代码以导航到上一张或下一张照片时，模式关闭，更新新照片的模式的代码运行，但该模式不会重新打开。但是，如果我在关闭该模式后插入一个警报，则一切都按预期的方式工作。
我尝试过很多事情，包括写到控制台，但这不会影响任何事情。在上面的示例中，我尝试了一个“睡眠”函数，但是它在模式关闭之前执行，因此没有产生积极的效果(除了等待模式关闭)。注释掉上面代码中的警报将运行"open_gallery_form()“中的代码，但是显示模式的代码不会触发。
function nav_button_cli
浏览 4提问于2022-10-11得票数 1
回答已采纳
在我的asp.net应用程序中有一个数据列表，页面加载事件我必须绑定多个图片项(1000个)，如何应用按需加载(可以说是懒加载图片)(当滚动页面的时候只需要绑定像facebook这样的新需求页面)
基本上，我不希望页面加载延迟，因为没有图像和他们的加载时间。我的代码是页面加载事件，获取数据并绑定datalist
SqlCommand comd = new SqlCommand("usp_GetSubCategoryProducts", OBcon);
comd.CommandType = CommandType.StoredProcedure;
浏览 2提问于2012-09-13得票数 1
回答已采纳
问题: 800张图片来自NSMutableArray中的服务器，所以当打开UICollectionView时，等待10分钟才能加载800张图片。
所以当我第一次打开UICollectionView时，我想先打开12张图片，然后当我滚动UICollectionView加载下一张12张图片时，我会向服务器发送请求。是怎么回事？
浏览 0提问于2014-11-30得票数 0
我的网页包含了很多img标签，但是当它开始显示时，大多数img都是隐藏的。我只希望当用户显示要查看它们时才加载imgs，否则页面会产生过多的网络流量。
我知道我可以使用javascript动态地将img标记插入DOM中。但是这样我就失去了搜索引擎索引这些图片的好处，我想让搜索引擎机器人看到这些图片。
是否有一种方法可以保持DOM结构不变，同时只在需要时加载imgs？
浏览 2提问于2014-03-09得票数 0
回答已采纳
我最近看到了一个很好的图片库悬停效果，我想知道是否有人知道一个好的方法来重现这样的效果。效果是当你将鼠标悬停在图像上时，图像淡出或div淡出，在图像上显示链接等。
它类似于这里找到的：和这里：
我以前也做过类似的东西，但记得在IE中遇到过不透明淡入淡出的问题。任何提示都是很棒的，甚至是指向一个好的教程来达到类似的效果。
提前感谢您的帮助。
浏览 0提问于2010-07-20得票数 1
回答已采纳
我阅读这个线程是为了理解在实体框架中使用Load方法和延迟加载之间的区别。但在该示例中，使用延迟加载和加载方法具有相同的效果。你能给我一个例子来理解在哪里使用延迟加载和在哪里使用加载方法吗？
浏览 0提问于2011-07-13得票数 0
回答已采纳
3回答
我在JQuery很新(事实上，我也是JS的新手)，我试图在我写的JS函数中添加一个淡出效果，当选择另一张图片的“缩略图”时，它会改变照片库中的图像。守则是：
//For HTML - the "thumbs" area:
<img id="g1" class="thg" onclick="trocafoto(this.id)" src="fotos/sopa.jpg">
<img id="g2"class="thg" onclick="trocaf
浏览 1提问于2016-12-10得票数 1
回答已采纳
Facebook的iPhone应用程序首先加载低分辨率的图片，然后在后台加载高分辨率的图片，当图片加载时效果会变得更好。这样做的过程是什么？
浏览 7提问于2012-02-01得票数 0
回答已采纳
我的页面上有几张图片。我发现页面在加载图像之前就开始呈现(这很好)，但是视觉效果并不好。最初，用户会看到以下内容：
--------hr--------
text
然后几毫秒后，页面跳转显示如下：
--------hr--------
[ ]
[ image ]
[ ]
text
有一个简单的方法，我可以显示一个灰色背景图像的准确的宽度和高度的图像将占用，直到图像本身加载？
复杂的因素是我事先不知道图像的高度和宽度:它们是响应的，只是设置为包含div的width: 100%。这是HTML/CSS：
<div class="thu
浏览 14提问于2013-02-07得票数 62
1回答
我知道有一堆这样的问题，但没有一个真正回答我的问题。我已经做了一个css动画预加载器，我想与页面加载同步。我可以在页面加载时触发动画，但我想以某种方式管理动画持续的时间，以便准确地跟踪页面加载(即使它太快了)。
一个例子：
我希望“填充”效果跟随页面加载时间。
现在，我只对包装css动画的模式应用延迟和淡出效果。
jQuery(window).load(function(){
$(".modal").delay(3000).fadeOut(1000);
});
任何建议都是很棒的。谢谢!
浏览 2提问于2014-02-02得票数 3
3回答
我的页面将有很多图片，这将花费很多时间来加载，并将使其非常慢，所以我的问题是
如何使页面只下载并显示正在显示在您面前的图片，与使用google执行图像搜索完全相同，无论何时滚动它都会继续下载和显示聚焦的图像。
谢谢大家。
浏览 0提问于2013-02-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
