使用 jquery 替换图像大小

问题描述 投票:0回答:0

我正在尝试使用 jquery 替换图像大小。 defer.js 是我的延迟加载插件。我使用 data-src 属性渲染的图像,默认图像大小的宽度和高度均为 72 像素。

我想用动态图像大小替换 src 属性中的它。例如,A 部分的图像宽度较大,因此应将 src 参数更改为完美尺寸。同样,B 部分的图像宽度较小,因此 src 参数应更改为低宽度和高度。

HTML:

<img src="lazy" data-src="https://4.bp.blogspot.com/-IB7bYbL_Da8/W4mGuHQ4O4I/AAAAAAAAFJc/CsK9YeKFMf0DZZD3Z8bM2QV2t_jIwZt6ACK4BGAYYCw/s72-c/mainTop__BG22.jpg"/>
<img src="lazy" data-src="https://4.bp.blogspot.com/-IB7bYbL_Da8/W4mGuHQ4O4I/AAAAAAAAFJc/CsK9YeKFMf0DZZD3Z8bM2QV2t_jIwZt6ACK4BGAYYCw/s72-c/mainTop__BG22.jpg" src="https://4.bp.blogspot.com/-IB7bYbL_Da8/W4mGuHQ4O4I/AAAAAAAAFJc/CsK9YeKFMf0DZZD3Z8bM2QV2t_jIwZt6ACK4BGAYYCw/w400-h200/mainTop__BG22.jpg"/>
<img src="lazy" data-src="https://4.bp.blogspot.com/-IB7bYbL_Da8/W4mGuHQ4O4I/AAAAAAAAFJc/CsK9YeKFMf0DZZD3Z8bM2QV2t_jIwZt6ACK4BGAYYCw/s72-c/mainTop__BG22.jpg" src="https://4.bp.blogspot.com/-IB7bYbL_Da8/W4mGuHQ4O4I/AAAAAAAAFJc/CsK9YeKFMf0DZZD3Z8bM2QV2t_jIwZt6ACK4BGAYYCw/s400/mainTop__BG22.jpg"/>
<img src="lazy" data-src="https://4.bp.blogspot.com/-IB7bYbL_Da8/W4mGuHQ4O4I/AAAAAAAAFJc/CsK9YeKFMf0DZZD3Z8bM2QV2t_jIwZt6ACK4BGAYYCw/s72-c/mainTop__BG22.jpg" src="https://4.bp.blogspot.com/-IB7bYbL_Da8/W4mGuHQ4O4I/AAAAAAAAFJc/CsK9YeKFMf0DZZD3Z8bM2QV2t_jIwZt6ACK4BGAYYCw/w300/mainTop__BG22.jpg"/>
javascript jquery
© www.soinside.com 2019 - 2024. All rights reserved.