效果觉得不错,但是具体使用可能比较耗费资源吧。。。
用法:
<script src="jquery-1.3.js" type="text/javascript"></script>
<script src="mbMaskedGallery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#id名").mbMaskGallery({
type:"normal", //普通效果
galleryMask:"photo.png", //图片
galleryColor:"black", //背景色
galleryLoader:"loader.gif", //loading图片
loaderOpacity:.3, //透明度
loader:true,
fadeTime: 200, //時間
});
});
</script>
HTML:
<div id="demo" class="galleryCont" >
<img src="图片1">
<img src="图片2" url="">
......
</div>
demo page:
http://www.open-lab.com/mb.ideas/index.html#mbMaskedGallery
http://www.skuare.net/test/jmaskedGal.html
download page:
http://www.open-lab.com/mb.ideas/demo/jquery.mbMaskedGallery/jquery.mbMaskedGallery.zip
jQuery project page:
http://plugins.jquery.com/project/mbMaskedGallery