增加或减少网站尺寸

因此，我制作了这个网站（lemiart.com），并且根据图片高度（如果它太大），用户必须向下滚动才能查看整个图片，特别是在使用低水库。我想要做的是在网站上实现一个按钮，这样用户就可以点击它并且网站会变得更小，就像减少浏览器中的缩放一样。但我想实现它，所以用户只需点击它即可缩小，而无需访问浏览器配置。增加或减少网站尺寸

有关如何实现它的任何想法？

在此先感谢

来源

2012-04-18 Vitor Subs

我认为最好的方法是在CSS中将图像的默认（最大）高度设置为合理的值，我不知道，也许是450px或什么。然后从网上下载一个预先写好的javascript，当你点击它时在弹出的div中显示完整的图片，我相信有很多可用的代码文件可用，并且效果会比任何你可以写在合理数量上的更好的时间。 – MarioDS 2012-04-18 21:16:46

主要的问题是我已经在图像中制作了固定宽度为700像素的网站。我不想改变图像的宽度，只是让用户放大或缩小，这取决于他的需要。原因是只有少数图像看起来不太好，所以我不想改变它们，只是为了让这些图像看起来更好。 – 2012-04-18 21:24:26

您所描述的内容听起来像是“响应式网页设计”。可以考虑添加一些检测浏览器尺寸的JQuery或其他工具，并自动重新配置页面，而不是让用户启动交互（按钮单击）以放大或调整网站和图像的大小。这是设计多种平台（PC，手机，平板电脑等）时常用的方法。

Check out this presentation

来源

2012-04-18 21:19:05

是的，它看起来像我在找什么，但它似乎有点复杂。你认为有一种方法可以让网站变得更小吗？ – 2012-04-18 21:26:34

不是。无论如何，检测浏览器大小和重新调整页面元素的javascript代码都是类似的，唯一的问题是它是在点击按钮时启动还是在页面加载时自动启动。没有任何跨浏览器的内置功能，将自动处理这个 – 2012-04-18 21:35:50

你可能想看看一些实物收藏的jQuery插件的。

Fancybox（http://fancybox.net/）是我用过的那个很不错的。有了这些，你可以在网站上有一个较小的图像，然后使用灯箱缩放到biiger。

来源

2012-04-18 21:19:55 matpol

这是一个很好的选择，但我想尝试放大和缩小之前。我不喜欢点击图片以更大规模查看图片的想法。我认为该网站的主要思想是向下滚动，并认可“艺术”。如有必要，缩小并将其视为较小。 – 2012-04-18 21:29:09

我认为你必须考虑人们如何使用互联网。人们习惯于“画廊”的想法，并乐意点击查看更大的版本。在某些方面，你试图做的似乎违反直觉 - 对我来说 - 但它的网站。你可能会发现其中一些有用的：http://stackoverflow.com/questions/2207508/how-to-zoom-in-and-zoom-out-image-using-jquery – matpol 2012-04-18 21:39:22

增加或减少网站尺寸

回答

相关问题