类似Lightbox的slimbox图片浏览特效插件

wordpress 缩略图

这几天好几个人都在问我,我的网站里美女控里的文章浏览特效是怎么实现的.我只是答曰用lightbox或者fancybox或者slimbox,好吧~前两天我很忙…忙些什么也不知道,晚上也睡不好,因为天气太热,所以人有点抓狂,脾气不好,大家见谅了~~~现在在这里写一下怎么实现这个功能的.其实说白了就非常简单了!

其实可以实现这个效果的插件有很多,比如说:lightbox,fancybox,slimbox也不错,其实我个人认为效果最好的是Fancybox,国外著名的照片网Flickr的效果就是类似Fancybox的,我也很喜欢,但是实在是因为体积太大了,几十KB去实现一个看图片效果,而且也不经常用,所以没用这个插件,喜欢这个插件的同学,可以去:http://fancybox.net/看一下,应该会有收获,使用也挺简单,前面说了,我不用的原因是因为体积太大了!!

在我放弃fancybox后,我找到了lightbox,这是一个符合我心目中的好插件~体积不好,实现的效果也还可以.所以后来有一段时期一直用着lightbox….呃说得我好像很老一样的,说出来不好意思,我接触wordpress,接触整个网站世界也就半年多点…见笑了~~~如果想要lightbox可以去:http://lightbox.com/查看一些样信息.

好了,现在是我们的主角登场了~~~就是我现在用的slimbox,体积小,效果跟lightbox类似~~~非常不错~~大家想看效果的话可以去:美女控,查看效果~~只要点一下里面的美女的图片就会出来幻灯片浏览的效果啦~直接点图片上的下一张上一张啦~~哈哈~~体只只有5kb哦~~~

在这里,我先放上一张效果图.
slimbox

用slimbox实现特效的具体步骤

1.要加载jquery,一般就是在头部引用jquery的库,在这里我是引用的jquery官方的库,也可以引用google的,但是在伟大的墙下,google老抽风,我实在是没有办法,所以用了官网的,效果也还可以~哈哈~

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>

2.加载slimbox插件….类似,可以在你需要加载的页面加载这个插件,如果想全部使用的话,就在header.php加载这个文件就可以啦~~~

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/slimbox2.js"></script><!---图片放大缩小插件----->

3.好了,加载了插件,当然还得触发一下插件~这个也是比较简单的.我的方法是直接加在slimbox这个插件的下方,比如说:

$(document).ready(function(){
	$(".ientry a:has(img)").slimbox();
});

其中.ientry是你想要用这个特效的容器,千万要设置,不然整个网站带链接的图片点击都会有这种效果了,当然这个效果不是我们想要的!
4.没了…好好享受这个效果吧~~HOHO~~~

结语….
噢!!!!我忘了还要上传!!!大家!!!我现在都不知道上传到哪里,115抽风了~~~还要绑定什么手机….绑定邮箱还不行…非得绑定手机!!!!!老子不用了!!!!大家想要的,可以加本站的群:249853157,我上传到上面了……里面也有许多高手哦~~~



无觅相关文章插件,快速提升流量