查看下面的代码,我可以显示尺寸较小的图像
<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>
答案 0 :(得分:7)
如果我理解正确,您希望使用href
标记的属性来控制a
目标图片的大小?
你做不到。您最好的选择(用于控制链接源的大小)是使用服务器端脚本为您的图像提供服务,该脚本接受查询字符串中的大小参数。与image.php?img=image.jpg&w=800&h=600
一样。
但这是另一个问题,我在这里详细讨论将不合适。
当然,如果您只想将图像更改为特定尺寸,只需调整实际图像的大小并再次上传:)
答案 1 :(得分:4)
这是一个有趣的解决方案:
<a href="javascript:document.getElementsByTagName('body')[0].innerHTML='<img src=images/image.jpg width=800 height=600>'"><img src="images/image.jpg" width="300" height="214" border="0"></a>
虽然我个人不推荐它,但它有效。 :)
答案 2 :(得分:2)
因为你打开图像本身是不可能的。
你能做的是,
仅使用<img src="URL" width="" height=""/>
链接到并清空html页面,并将大小应用于该页面。
答案 3 :(得分:0)
在nodejs中查看图像大小调整器。
这里是链接:https://github.com/jimmynicol/image-resizer
或者你可以使用cloudinary nodejs集成,它为前7500个图像转换提供免费的层访问