添加Slimbox2到Images Lazyload and Slideshow插件

插件转移提示

由于网站内容调整,开发部分的内容转移到了www.brunoxu.com站点,wp插件新地址如下:

simple-lazyload 新地址: http://www.brunoxu.com/simple-lazyload.html

auto-lazyload-and-auto-highslide 新地址: http://www.brunoxu.com/auto-lazyload-and-auto-highslide.html

Images Lazyload and Slideshow 新地址: http://www.brunoxu.com/images-lazyload-and-slideshow.html

一直想找一个理想的图片浏览效果:点了图片弹出放大,自适应显示器宽高,鼠标滚动能放大缩小,能拖拽移动,点击关闭按钮和图片外关闭弹出图片。

其实highslide已经很接近了,有自适应宽高,放大到原图大小,可以拖拽,关闭,唯一缺少的是鼠标滚动放大缩小的功能。

最完美的应该是QQ2012微博里面的图片浏览效果,更好的是操作还那么流畅,这是web应用没法实现的。

这次添加了Slimbox2到Images Lazyload and Slideshow插件中,slimbox2是一个类似lightbox2的jQuery插件。4k的源代码,很轻量,它的特点是和lightbox2很像,还有就是默认显示原始大小的图,这个效果的好处是,如果网站的原图都是大图时,lightbox浏览起来很舒服。

不过slimbox2也有个缺点,其实是个bug,图片很大时,有横向滚动条时,不能浏览到横向所有的内容,因为拉不到最右边。

slimbox2也无法自适应宽高显示,所以可能会显得不够美观,只能说满足一部分人的需求。

 

最后还是要加上Images Lazyload and Slideshow插件的首页:

http://blog.brunoxu.com/images-lazyload-and-slideshow/

 

还有增强版的下载地址:

http://www.relibot.com/_downloadable/images-lazyload-and-slideshow_v2.3.1_unlimited.zip

http://www.relibot.com/_downloadable/images-lazyload-and-slideshow_v2.4.1_unlimited.zip

 

用slimbox2效果看看可爱的小兔子们吧:

http://webdev.brunoxu.com/archives/1422.html

Phen375 | Phen 375 | Over 1 million SOLD Worldwide

插件转移提示

由于网站内容调整,开发部分的内容转移到了www.brunoxu.com站点,wp插件新地址如下:

simple-lazyload 新地址: http://www.brunoxu.com/simple-lazyload.html

auto-lazyload-and-auto-highslide 新地址: http://www.brunoxu.com/auto-lazyload-and-auto-highslide.html

Images Lazyload and Slideshow 新地址: http://www.brunoxu.com/images-lazyload-and-slideshow.html

分享到:

2 条评论

昵称
  1. skke

    2.4.1的地址错了,不过可以自己调整,呵呵

    1. xiaoxu125634

      谢谢提醒啊,改过来了。