我正在使用网站的图库，该图库由显示所有图片的缩略图块组成 以及显示特定图像的部分。
这是我用来以实际尺寸显示缩略图和图像的代码。
<a class="thumb" name="tuzla1" href="http://hkdnapredak.com/root/images/stories/Tuzla2011.jpg" title="Tuzla">
<img height="75" width="75" src="http://hkdnapredak.com/root/images/stories/Tuzla2011.jpg" alt="Tuzla" />
</a>
问题是：我无法考虑设置打开图像的大小。设置缩略图大小很好：height =“75”width =“75”但是打开的大小是问题所在。
答案 0 :(得分：1)
使用此方法，您无法设置要链接的图像的大小。它将在浏览器中打开，没有与之关联的HTML，因此它将以其完整大小打开（或根据浏览器缩放以适应）。
解决方案是链接到包含图像的页面。这使您可以设置确定图像大小的代码。但是，这是一个手动过程--500张图像需要500个自定义页面。不理想。
如果你变得更复杂，你可以构建一个脚本并传递它和图像名称，高度和宽度，然后动态构建页面以显示给定高度和宽度的图像。然后，您可以使用1个脚本显示任意数量的图像。
另一种方法是使用lightbox插件，可以将完整大小的图像弹出到页面其余部分顶部的框中。您可能已经在Facebook或其他网站上看到过这种方法 - 它很受欢迎，并且不需要花费太多精力来使用。我喜欢它，因为你不必离开你所在的页面，你可以在一个相当紧凑的页面上显示很多照片。