JavaScriptプログラムに関する各種メモ書き

jQueryで画像にマスクをかける画像ギャラリー【mbmaskedgallery】

■ mbMaskedGallery.js (要jQuery)

http://pupunzi.open-lab.com/2009/02/16/mbmaskedgallery/

サンプルは以下のとおり

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="mbMaskedGallery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $("#id名").mbMaskGallery({
        type:"normal",            // または "random"
        transition:"crossfade",        // または "normal"
        galleryMask:"photo.png",    //マスクする画像
        galleryColor:"black",        //マスクの背景色
        galleryLoader:"loader.gif",    //ローディング画像
        loaderOpacity:.3,        //ローダーの透明度
        loader:true,            // または "false"
        fadeTime: 200,            //フェードの時間
        navId:"",
        nextPath:"",
        prevPath:"",
        slideTimer: 2000
        changeOnClick:false,

    });
});
</script>
<body>
<div id="sample">
<img src="g/sky.jpg">
<img src="g/muuu_01.gif">
<img src="g/muuu_02.gif">
<img src="g/muuu_03.gif">
</div>


関連エントリー

No.819
10/04 13:54

edit

jQuery
画像