javascript - 如何更改 标签超链接部分内的图像大小

Question

我有一个图片库，可以在页面上看到图片的小版本。当用户单击图像时，将执行一些 jquery 代码以显示原始图像(如图片库)。为了做到这一点，每个图像都有一个超链接来呼应原始文件。代码工作正常，但是一些原始图像确实很大并且经常延伸到页面下方。这是代码:

<div id="w">
  <div id="content">
      <div id="thumbnails"><?php while ($row=mysql_fetch_array($res)){?>
        <a href="<img src="<?php echo $row["Image"]; ?>"/>"><img src="<?php echo $row["Image"]; ?>" height="124.4" width="124.4" border="5" alt="turntable" /></a>
        <?php } ?>
</div>
  </div>
</div>
<script type="text/javascript">
$(function() {
    $('#thumbnails a').lightBox();
});
</script>

如您所见，在超链接标签中我有 ()。正如我之前所说，一些原始图像确实很大。

有谁知道如何确保显示“原始图像”时图像大小保持在实际页面大小之内？

我试过它，我将标签复制到超链接中并尝试更改大小。但它不起作用。

Answer 1

您不能从 <a href=""></a> 更改图像大小但是在您的图像 HTML 代码中，您可以设置宽度和高度的属性。

<img src="smiley.gif" alt="Smiley face" height="42" width="42">