您有一个小区域。您将鼠标悬停在上面。会弹出一个区域,提供放大的近距离视图。这是一个实现此功能的 jQuery 插件。我不会告诉您应该将它用于什么或详细说明用例场景。您自己的创造力可以帮助您做到这一点。
它在许多方面都很灵活,因为“小”、“大”和“缩放”区域都很容易自定义(通过 CSS)。但在其他方面它又不灵活,因为它不会通过克隆内容或类似方式“自动”工作(这可以说更灵活),并且 HTML 结构相当固定。
在 jQuery 插件的新兴自定义中,这些插件受益于演示,我已经将多个演示及其所有文档放在一个地方。
不过,我们可以在这里保留评论/讨论。因此,如果任何人有任何关于如何使其更好/更智能/更酷的想法,请告诉我!
2011年8月30日 – 此演示已由 Mottie 插件化。我将在此站点上保留一个实时演示(截至此更新),但最新版本应从 GitHub 仓库获取。
这确实是一件很巧妙的事情,但让我最兴奋的是您出色、出色的文档!通常,对于 jQuery 插件,您会得到一些真正神秘的东西,尤其是在您寻找参数时。
这太酷了!我唯一注意到的就是它改变了第三个日历的颜色,这是故意的吗?
感谢这个!!
这是一个非常好的缩放实现。我喜欢它不显眼并且可以如此轻松地集成到站点中的事实。
如果可能的话,最好能够点击放大后的链接?
伟大的工作 Chris :)
这正是我需要的!谢谢!
“不过,我们可以在这里保留评论/讨论。因此,如果任何人有任何关于如何使其更好/更智能/更酷的想法,请告诉我!”
我在 Flash 中做过类似的事情(是的,我知道它与 jquarry 无关,而且这里每个人都讨厌 Flash……我知道),但只是为了给您(和其他人)一个想法,Flash 中的样子(点击图像,会产生放大镜效果,带有阴影和内部白色辉光……只是为了模仿一些“真实”的东西! :))
http://www.musca-design.de/test/lupe/Untitled-1.html
您被投票了!
来自 WebDevVote.com 的跟踪回链
使用 MooTools 创建它。
嘘
不会那么难。老实说。
David,你很擅长 Mootools,为什么不自己做呢?
看起来很酷……也许有一天我可以在一些创新性的东西中使用它 :P 但首先必须想到一些创新的东西 lol……感谢 Chris 阐明此插件 :)
优秀的插件,谢谢!
嗨,Chris,
很棒的工作,您有机会创建一个关于您如何制作它的屏幕截图吗?
我知道我只需查看代码,但屏幕截图更有趣且更容易理解。
谢谢:)
完全同意……
不错的玩具 ^^!
JQuery 的出色实现。不确定我什么时候会使用它,但我确信在某个阶段我会使用它。正是这些小细节让网站看起来非常令人印象深刻。
肯定需要更多这样的插件。谢谢。
这种用户界面功能非常糟糕。它没有为体验增加任何内容,并且使用起来总是很烦人。它有什么意义?使用起来感觉不好。立即删除此博文,我将原谅你。:-)
至少要对某人的辛勤工作表示感谢。这是 Chris 的网站,他正在为社区做这些事情。如果您不喜欢,请离开。
那是一个非常棒的烧伤
是的。我同意 Chris 的观点。什么时候才会真正需要它并且不会同时让人感到恼火?
不错的效果,而且有点流行。感谢这个插件。 :)
我能说什么,我自己想不出这个。谢谢
这真的很酷!
Chris,干得好,
我喜欢这个插件的一点是,如果您缩放浏览器(就像我总是做的那样),缩放功能不会超出目标(就像许多其他 Jquery 缩放插件一样)
很棒的东西!
一个客户刚刚要求我为他的网站提供“缩放”功能,我绞尽脑汁试图弄清楚如何才能做到完全相同的事情。事实证明,他只是想要一个带有更大图像的刷新页面。LoL Chris,你真是个圣人,我会试试这个,并可能在某个地方使用它~谢谢
巧妙的东西,但有点问题。
这个东西非常适合那些想要设计“沃利在哪里?”类型游戏的人。
查看 James Padosely 在 ThemeForest 上的此插件:Zoomer
非常棒,而且非常相似。不过不是免费的;)
谢谢 Chris!
不错,兄弟,干得好
我可以看到在网站大小调整时存在已知问题的情况下使用它。例如,当您知道很多人带着视力障碍访问您的网站时。
与其让网站拥有多个 CSS 文档并在右上角放置“a,A, A”(最后一个 A 应该非常大),不如在那里放置一个指示此功能的按钮。当用户点击时,他们可以放大网站上鼠标所在的位置。如果您这样做,则必须使放大框更大……也许与网站一样宽。
无论如何,它很棒。
您必须在标记中两次放置文本才能使其可缩放,一次在 id 为“small”的 div 内部,另一次在 id 为“large”的 div 内部。这不好。
Helen,您可以只放置一次文本,然后使用 jQuery clone 函数。
那太好了!
我理解这种担忧。克隆可以避免双重标记,但以牺牲灵活性为代价。请以日历演示为例,其中放大的区域实际上是不同的标记,从而产生了一种很酷的效果。我想在理想情况下,插件将提供“提供您自己的大型区域”或克隆的选择。
… 或者克隆,并对“小”和“大”应用不同的样式表。
哇!谢谢Chris!
很棒的作品,在我看来非常有用。我遇到的一个问题是,大div与小div未对齐。在您的演示中我也看到了这个问题。
要扩展这一点,最好能对expansionSize和speedMultiplier的作用进行更多解释。
从可用性/AAA的角度来看,看到类似的东西很有趣。我们在工作中为盲人协会做了一个网站,由于它是为视障人士设计的网站,因此需要符合AAA标准。这样的东西比缩放页面上的文本优雅得多。
不错的插件:)。
如果缩放以圆形而不是方形的形式出现,IMO 会更好。
很棒的功能,但我想知道在什么情况下这种功能会很有用!?有人有什么想法!?
很棒的插件,Chris。非常棒的工作。与其他人一样,缩放框与鼠标指向的位置不对齐,但除此之外,它非常棒!
如果有人想出了解决方法,我很乐意听听。同样,如果我找到了解决方法,我会回来的。我怀疑这只是一个简单的css属性问题。
给所有想知道这可以用来做什么的人
当然!这将是向用户展示交易网站上更多产品的好方法,并且不会造成干扰。Yoox.com 使用了类似的想法,尽管他们的速度很慢而且很无聊,除了内衣部门;)
你好,最近怎么样?
我正在寻找您编写的内容,但我需要显示框大约为 4 英寸 x 2.5 英寸,并将字体增大到 48。
它可以作为 Microsoft Word 的加载项吗?
请回复我的电子邮件
感谢您的时间
Peter