调整'a href'标记链接中的图像大小

时间:2009-10-15 13:34:34

标签: 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>

4 个答案:

答案 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个图像转换提供免费的层访问