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

Question

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

<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>

Answer 1

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

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

但这是另一个问题,我不能在这里详细介绍.

当然,如果您只想将图像更改为特定大小,只需调整实际图像大小并再次上传:)

Answer 2

这是一个有趣的解决方案：

<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>

虽然我个人不推荐它，但它有效。:)