花儿开了 » lightbox

Lightview 2 – 很酷的 JS 展示效果

iStef — Thu, 28 Feb 2008 16:17:55 +0000

如今的网站，想要抓住访客的眼球，仅仅内容优秀已经不够了。对于一个成功的网站来说，良好的 UI 同样是非常重要的环节。随着像 Firefox 3、Opera 9.5 这样强悍的浏览器的来临，Javascript 的执行效率大大提升，实现绚丽的网页特效也不再是 Flash 的专利了。

Lightview 2 就是这样一个 Javascript 程序，可以让用户很轻松的实现非常酷的展示效果。Lightview 2 的效果类似与我们熟悉的 Lightbox，但 Lightview 更为强大。关于 Lightview 到底能实现什么效果，用语言形容似乎总是不太准确，您可以先到这里去看看演示。

Lightview 可以展示的内容不仅仅局限于图片和相册，文字、网页、通过 Ajax 调用的内容甚至 Quicktime/Flash 影片都可以用非常酷的效果呈现。这一点对于 Web 设计者来说是非常有用的。借助这个特性，Lightview 不仅仅可以作为图片/相片的一种呈现方式，还可以作为交互对话框来使用，绚丽的效果详细一定会令你的网站加分不少。

Lightview 2 非常容易集成和使用，在页面的中载入必要的文件后，仅需在需要激活 Lightview 的链接上加入 class=”lightview” 即可。相信即使是不太懂 HTML / Javascript 的朋友也可以轻松使用它。

Lightview 2 使用 Prototype 和 Scriptaculous 实现特效。但由于我更喜欢短小的 jQuery，否则的话早就将 Lightview 集成到新的模板中了。如果您的站点使用的是 Prototype 框架，可以考虑尝试一下 Lightview，肯定会给您的访客带来全新的体验。

PopBox! 又一个很酷的 Javascript 图片缩放效果

iStef — Tue, 06 Nov 2007 15:13:30 +0000

PopBox! 是一段 Javascript 写成的网页特效代码，通过使用 PopBox，你可以让你网页上的图片获得与众不同的效果。

网页图片特效代码有很多，其中最出名的要数 LightBox 了。LightBox 虽然很酷，但全世界人民都在使用，看多了也就不新鲜了。这时候你不妨换上 PopBox! 试一试，绝对让你有焕然一新的感觉。

PopBox! 实现的也是图片的缩放效果，但不同于 LightBox，PopBox 不会把你的屏幕变暗，而是以动画的形式从缩略图动态放大为图片的原始大小。我本想做个图片来表达这个效果，但发现无论是语言还是静态图片都很难表述清楚。您可以看看作者的网站，或是我做的这段小视频，就知道是怎么回事了。

<\/param><\/param><\/embed><\/object><\/div>";" alt="">

当然，PopBox! 提供了很多参数，以便我们实现各种各样的效果。例如调整缩放位置，缩放方向，缩放比例等。这是 LightBox 不能实现的。而在使用方面，PopBox! 可以很方便的嵌入现有的网页，我们只需要在 Header 部分装载代码，并对需要缩放的图片代码进行小小的改造就可以实现了，非常简单。当然，具体方法还是看看作者网站和相关文档，这里就不罗嗦了。

PopBox! 免费开源，容易嵌入，是个很值得收藏的代码。不知道有没有人愿意将它做成 WordPress 插件呢？应该不难的。

Lightbox 2.0 发布

iStef — Sat, 01 Apr 2006 05:06:03 +0000

最近很流行的 Lightbox 发布了 2.0 版。新版本效果比 1.0 酷了很多，载入进度，动态淡入淡出都做的非常好。最重要的是，新版的 Lightbox 支持相册式浏览，而且使用依然简单，做相册或图形 Blog 的朋友不妨将这个小巧的脚本嵌入到您的程序中，必增色不少。

Lightbox 2.0 仍然基于 Prototype，并使用了 script.aculo.us 库提供的特效，看起来非常的酷。不过我个人总觉得 script.aculo.us 不够小巧，用 moo.fx 就更好了（这样我的 Blog 可以少包含一个 Script，呵呵）。这里是官方提供的演示，欣赏一下。