lazyload 上面的預設圖怎麼改變大小?

发布于 2022-09-07 20:14:25 字数 391 浏览 14 评论 0

https://github.com/tuupola/jq...

我找到這個資源
只是

<img class="lazyload" src="loading.gif(loading.gif圖片路徑)" data-src="要加載的圖片路徑" />

loading 這個圖片,我明明是很小一張 30x30
但是他顯示的時候卻是完全放大的
如果改 img 的樣式,要加載的圖片也會跟著變.....
請問要怎麼實現是只有 loading 的時候我是可控制大小的 like 30x30
當原始圖出現時不會影響?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

゛清羽墨安 2022-09-14 20:14:25

有个超简单的方法,那就是使用 css的max-width,值为要加载的图片宽度

<img class="lazyload" src="loading.gif(loading.gif圖片路徑)" data-src="要加載的圖片路徑" style="max-width:200px"/>
寒江雪… 2022-09-14 20:14:25

这种我的理解是提前知道要加载的图片尺寸,然后在img上写死这个尺寸才可以避免,否则是没什么好办法的。

你找的这个插件,说明里面不是也写了么

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文