问题标签 [image-preloader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
actionscript-3 - 命令预加载器在 ActionScript 3 中跟踪下载进度
如何命令预加载器跟踪下载进度?
javascript - javascript中的多个图像预加载器,代码需要重新排序...帮助
我遇到了一个将图像加载到缓存中的教程,然后在完成时重定向到另一个页面。我想用一组图像来做到这一点,然后当它们全部加载时重定向到一个新页面。它在教程中也提到了这一点,但没有完成。我已经尝试重新组织这段代码来做到这一点,但由于我是一个完整的 javascript 菜鸟,我无法将两者结合起来并让它工作。
这是网站http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317
如果有人可以发布代码,我将非常感激。此外,我估计很多人会发现将它用作具有大背景图像的网站的预加载器很有用。
干杯
更新
谢谢卢克,我尝试了下面的代码,但不幸的是仍然没有快乐......任何想法?
块引用
image - 在 Opera 中预加载图像时禁用“正在加载...”模式
有跨域图像,通过图像预加载加载30秒(其 1x1 gif,但如果在 30 秒后服务器返回)。
除 Opera 之外的所有浏览器均不显示“正在加载...”模式。通过链接、脚本、Iframe、CSS 预加载图像 - 效果相同。
如何在 Opera 中预加载图像时禁用“正在加载...”模式?
jquery-ui - 预加载 jquery ui 图标 - 有窍门吗?
让 jquery ui 图标预加载以进行翻转/悬停等的最佳方法是什么......?
javascript - 我该怎么做才能让 Mozilla Firefox 预加载最终的图像结果?
我正在尝试使用 JavaScript 预加载图像。我已经声明了一个数组,其中包含来自不同位置的图像链接:
我使用这个数组所做的图像淡入淡出和变换效果对于前 3 张图像正常工作,但对于最后一张,imageArray[3]
图像的实际图像数据没有被预加载,它完全破坏了效果,因为实际图像数据加载后,似乎只在需要显示的时候。
发生这种情况是因为最后一个链接http://www.iill.net/wp-content/uploads/images/hot-chick.jpg
不是图像的直接链接。如果您转到该链接,您的浏览器会将您重定向到实际位置。现在,我在 Chrome 中的图像预加载代码运行良好,效果看起来很棒。因为 Chrome 似乎预加载了实际数据 - 要显示的 EVENTUAL 图像。这意味着在 Chrome 中,如果我预加载了一个将重定向到“停止窃取我的带宽”的图像,那么预加载的图像就是“停止窃取我的带宽”。
如何修改我的代码以使 Firefox 以相同的方式运行?
jquery - 使用 JQuery 预加载动态添加的图像
我在 Page_Load() 事件中将一些图像添加到数据库中的 div 中。当您将鼠标悬停在其中一张黑白图像上时,您会看到彩色图像。我想预加载彩色图像,但在执行此操作时遇到问题。我当前的代码循环遍历所有图像,并添加以下内容:
to a RegisterClientScriptBock
where%s
是图像的路径。我尝试过将其附加到身体上和不附加到身体上,但似乎都不起作用。从我所见,这似乎是预加载图像的方式,但我对其他建议持开放态度。我有问题是因为我在做这件事吗?
谢谢。
javascript - jQuery和预加载图像?
嘿那里 - 半新的 javascript,几个问题。如果我在第 1 页上预加载了一堆图像,它们会立即在第 2 页中可用吗?如果 Page-2 通过 jQuery 插件显示这些图像,是否适用相同的规则?谢谢!
jquery - 等待图像加载,然后执行所有其他代码
好吧,我正在为此失去理智。我确实在 SO 和 google 上阅读过它,我什至有预加载器集(在 SO 上找到),但我发现的插件/代码都没有帮助我。
我想要做的是:等到所有图像都预加载,然后才执行所有其他 javascript 代码。就我而言,它可以(但不是必须)有“正在加载...”消息。
事实是我在身体背景中有一个相当大的图像和另外两个更大的图像,所以我想预加载它们,这样它们就会立即显示出来,并且不会有那种丑陋的“加载”图像效果。
这是我现在正在使用的,但它并不好:
我不知道,也许我应该在 .ready() 之外的某个地方调用这个预加载器?或类似的东西,请帮助...
顺便说一句,是的,我也读过这篇文章,我不知道为什么,但是 .ready() 对我来说工作得更快:(
编辑:
好的,所以最后我得到了这个东西。我的问题?我将等待的 div 设置错了。这是我现在的代码:我有加载 div,它显示在所有内容之上,然后当所有图像加载时(使用 $(window).load(function(){...});按照我的建议,隐藏该 div。
我的 jQuery 代码是这样的:
php - 关于图像文件的问题
我正在编写一个 PHP 脚本来将图像文件上传到服务器,我有几个问题?
有没有办法以千字节为单位减少图像的大小?
当我使用这些文件时,将这些图像嵌入页面的最佳做法是什么?我的意思是我总是必须下载整个页面吗?
最后,当调整页面大小(如 250X250 像素)时,为了不面对分辨率问题,有什么做法?
我希望我的问题不是太笼统。提前致谢!
javascript - 使用 jQuery 预加载带有图像的内容
我在 jQuery 中使用 .load() 加载 html 内容,但在此内容中嵌入了 3/4 图像。成功事件仅在加载所有 html 而不是实际图像时在 .load() 上触发,有人知道预加载页面全部内容的方法吗?
这是我的简单代码(其余部分在完整的应用程序中),加载以下代码(即 page.html)