-1

我想在我的网站上添加一个限制宽度的照片库（高度无关紧要）。我尝试了很多类型的画廊，但所有这些都取决于照片的宽度或高度。然后我想“为什么不使用像 facebook 一样的模式？”，但我的问题是我不知道如何。我不需要像 facebook 这样复杂的画廊，但我需要自动调整大小的可点击照片（在相册中显示照片的小缩略图），当你点击它们以扩大到正常大小时，带有左右箭头。你能帮我实现我的目标吗？如果有不清楚的地方，请在评论部分问我，我的英语说得不太好。

PS：我所有的网站都是基于 html、jquery 和 css。

4

2 回答 2

1

您可以使用下面的 CSS 属性来重新缩放图像，尽管如上所述，这不会对您的加载时间有任何好处，如果您愿意深入研究 PHP，服务器端脚本将是一个更可取的选择。如果没有，请随意创建一个具有设置宽度和高度的 div 以及以下属性和背景图像，这应该可以工作。缺点是您可能无法在不使用 onClick/JavaScript 的情况下链接 div。

background-size: 100%;

至于 jQuery，您可以使用http://fancybox.net灯箱插件让您的用户单击“缩略图”，查看全尺寸图像并使用箭头键在图像之间切换。

于 2013-03-17T00:24:57.980 回答
0

最好的解决方案是有一个服务器端调整大小脚本，将您的图像缩放到预定义的约束（例如缩略图、预览和全尺寸）。有很多方法可以做到这一点，例如 PHP 的http://www.reconn.us/image_thumbnail.html。

更简单的方法是仅使用 CSS 样式属性让浏览器调整图像大小。这样做的缺点是服务器将始终发送大图像，无论您的用户是否想以全尺寸查看它们，但只需要您在 img 标签中设置宽度和高度。

于 2013-03-17T00:09:32.967 回答