it-swarm.cn

有什么直观的方法可以为用户提供通过灯箱查看图像放大版本的方法?

我一直在努力将该插件包含在房地产投资者网站的iFrame中。但是,在决定如何为用户提供查看项目的完整尺寸版本的操作方面,我感到很痛苦。我目前使用的是灯箱,目前还没有100%完成。但是,真正的问题是用户单击触发全尺寸视图的操作项。

当前,用户可以单击图像,它将打开带有放大版本的灯箱。但是,我不禁感到为用户提供了一种更好,更直观的方法来访问此视图。当前,没有行动号召。他们只需要将鼠标悬停在图像上并意识到它是一个链接即可。当然,我可以在页面上的某处注明“点击放大图片”,但我愿意接受更多原创内容。图片右上方是否可能有“放大”图标?

您感觉是一种为用户提供放大图像的直观方法吗?

您可以在我的 测试环境 中查看界面。

3
Eric Taylor

我将包括一个放大镜图标(内部带有加号),当您将鼠标悬停在该图标上时,该图标会显示在图像的一角。单击图像仍会进行实际的放大,但是您拥有的视觉提示不仅是“手形”光标。

5
LoganGoesPlaces

像@LoganGoesPlaces建议的一样。

这是我上周建立的一个网站。

lightbox with zoom

0
Sruly

我不喜欢放大镜图标,因为我认为它在美学上并不令人满意,这可能对图像很重要……我什至不确定放大镜是否能为所有用户提供很多信息。

我个人认为此时人们习惯于单击图像以查看更大的尺寸。提示您可能要做的一件事是,打开页面的图像略大于容器,并使用javascript通过某种动画将其缩小到一秒钟左右,以表明还有更多内容比看到的图像。有些人认为动画很花哨,但是如果他们在使界面整洁的同时告知用户关于UI的可能性,我认为它们可能会有用。

另一个选择是在图像下方显示小文本,简单地说“单击可放大图像”。它不会侵入图像,并且可能非常微妙,以免造成干扰。该方法也不需要任何JavaScript。

0