打开的图像的宽度/高度（图库）

Question

我正在网站的画廊上工作，该画廊由显示所有图片的缩略图块和用于显示特定图像的部分组成。

这是我用来显示缩略图和真实大小的图像的代码。

<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”，但是打开的缩略图的大小是个问题。

Answer 1

使用此方法，您无法设置要链接到的图像的大小。 它将在没有关联HTML的浏览器中打开，因此它将以其完整尺寸（或缩放以适合浏览器的大小）打开。

解决方案是链接到包含图像的页面。 这使您可以设置确定图像尺寸的代码。 但是，这是一个手动过程-500张图像将需要500个自定义页面。 不理想。

如果您变得更复杂，则可以构建脚本并传递脚本以及图像名称，高度和宽度，然后动态构建页面以指定高度和宽度显示图像。 然后，您可以使用1个脚本显示任意数量的图像。

另一种方法是使用灯箱插件，该插件可让您将完整尺寸的图片弹出到页面其余部分上方的框中。 您可能已经在Facebook或其他网站上看到了这种方法-它很流行并且不需要花费太多精力。 我喜欢它是因为您不必离开当前页面，并且可以在相当紧凑的页面上显示很多照片。