宽度/高度（图库论坛）

进出口工作在网站上的画廊，由缩略图显示块的所有图片和显示特定图像的部分。宽度/高度（图库论坛）

这是我使用以显示缩略图，并在其实际尺寸的图像的代码。

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

问题是：我想不出任何设置打开图像的大小。设置缩略图大小很好：高度=“75”宽度=“75”，但打开的大小是问题。

来源

2012-03-12 demi

你有没有想过'width：auto;身高：自动;'？ – redDevil 2012-03-12 21:33:31

您应该将每个图像的缩放版本用作缩略图，然后您无需在任何位置设置宽度或高度。你拥有它的方式，你正在让人们下载更大的图像，这将显示为75x75px的缩略图。这是对服务器和用户的带宽浪费。 – bfavaretto 2012-03-12 21:37:15

此外，您不会通过简单地使用真实图像来显示“缩略图”，只会缩小它们的宽度和高度属性。这被认为是不好的形式。 – 2012-03-12 21:38:22

使用此方法，您无法设置要链接到的图像的大小。它将在浏览器中打开，并且不会与HTML相关联，所以它会以全尺寸打开（或根据浏览器进行缩放）。

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

如果你变得更加复杂，你可以建立一个脚本，并通过它和形象的名字，高度和宽度，然后动态地构建页面在给定的高度和宽度显示图像。然后你可以用1个脚本显示任意数量的图像。

另一种方式去是一个lightbox插件，它可以让你弹出的全尺寸图像成一个盒子在页面的其余部分的顶部。您可能已经在Facebook或其他网站上看到过这种方法 - 它很受欢迎，并且不需要太多的努力来使用。我喜欢它，因为您不必离开正在浏览的页面，并且可以在相当紧凑的页面上显示大量照片。

来源

2012-03-12 21:33:15

感谢您的回复。 – demi 2012-03-12 21:34:48

但是等等，还有更多！ :) – 2012-03-12 21:36:33

宽度/高度（图库论坛）

回答

相关问题