html - 在 'a href' 标签链接中调整图像大小

标签 html image resize

看看下面的代码,我可以显示一个较小尺寸的图像

<a href="images/image.jpg"><img src="images/image.jpg" width="300" height="214" border="0"></a>

但是如果我希望 href 链接也显示较小尺寸的图像怎么办?所以假设原始 image.jpg 是 1500x1200,我想在链接中显示 800x600。

有没有办法做这样的事情:

<a href="images/image.jpg" width="800" height="600"><img src="images/image.jpg" width="300" height="214" border="0"></a>

最佳答案

如果我理解正确,您想使用 a 标签的属性来控制作为 href 目标的图像的大小?

你不能那样做。您最好的选择(用于控制链接源的大小)是使用服务器端脚本提供您的图像,该脚本接受查询字符串中的大小参数。喜欢 image.php?img=image.jpg&w=800&h=600

但这完全是另一个问题,超出了我在此详述的范围。

当然,如果您只想将图片更改为特定尺寸,只需调整实际图片的大小并重新上传即可:)

关于html - 在 'a href' 标签链接中调整图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1572410/

相关文章:

c++ - 如何从非 URL 源加载脚本、样式和图像?

c# - UWP 以编程方式更改 XAML 页面的背景图像 c#

python - 如何保存这个文件?

forms - 在表单编辑器中调整字体大小后调整 Delphi 表单的大小

javascript - VueJs 观察对象的深层变化

html - 无法使用 CSS 控制表格宽度

javascript - Jquery 导航栏无法正常工作

php - 某些 JPEG 图像在 IE 中不起作用

r - 在 R Shiny 中动态调整 ggplot2 图形的大小

java - 使用 Image.getInstance 调整 pdf 图像大小