javascript - 如何拉伸(stretch)大于其自然尺寸的 img 标签中的图像?

标签 javascript jquery html css image

如果我有一个 N 像素乘 N 像素的图像,我该如何使用 CSS/JS/jQuery 让它填充一个 say... 2N 像素乘 2N 像素的空间?

详细信息:我更像是一名后端开发人员,但我目前正在实现“放大”功能,您可以在其中单击图像,然后将其替换为更大的图像,然后调整 <div> 的大小。 <img>标签占用更多空间并有效地“放大”(或者实际上只是取消压缩大图像)。

我需要做什么 (UX):在等待大图加载时,我希望用户仍然能够“缩放”,但由于大图尚未加载,他们只会得到一个颗粒状的版本图片,直到它被更高分辨率的图片替换。

最佳答案

相应地更改 IMG 元素的 widthheight 属性。

或者,使用同名的 CSS 属性。请注意,在 CSS 中,widthheight 必须有单位(对于图像,通常为 px)。

关于javascript - 如何拉伸(stretch)大于其自然尺寸的 img 标签中的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33794284/

相关文章:

javascript - 获取元素 ID Sweet Alert

jQuery : Tooltip x-axis label for bar chart JQPlot

javascript - HTML 实体在浏览器中以不同方式呈现

javascript - 是否可以使用 AngularJS $formatters 添加额外的零? (或者以任何可能的方式,输入数字?)

Javascript 代码块在返回被调用函数的结果之前完成?我缺少什么?

javascript - 需要帮助才能获得尽可能多的独特啤酒

javascript - 如何将 Owl Carousel 导航移到默认 div 之外?

javascript - jQuery - Bootstrap Datepicker onChange 问题

javascript - .slideDown() 下面的内容跳转(不流畅)

jquery - 无法将 JQuery 元素宽度设置为 100%