效果覺得不錯,但是具體使用可能比較耗費資源吧。。。
用法:
<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