0

以下のコードを使用して、Web サイトのリンクからギャラリーを作成しています。画像を完全に保護することはできませんでしたが、画像の上に透明なオーバーレイを追加したいと思います。画像をdivタグに配置してcssを使用することでこれを行う方法を見ることができますが、使用しているjavascriptに適合するかどうかはわかりません.

javascriptにオーバーレイを追加する手段を持っている人はいますか?

 <script type="text/javascript">
    var mygallery=new simpleGallery({
        wrapperid: "simplegallery1", //ID of main gallery container,
        dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
        imagearray: [
            ["gallery/img1.png", "", "_new", "&copy; me"],
            ["gallery/img2.png", "", "_new", "&copy; me"],
            ["gallery/img3.png", "", "_new", "&copy; me"],

        ],
        autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
        persist: false, //remember last viewed slide and recall within same session?
        fadeduration: 500, //transition duration (milliseconds)
        oninit:function(){ //event that fires when gallery has initialized/ ready to run
            //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
        },
        onslide:function(curslide, i){ //event that fires after each slide is shown
            //Keyword "this": references current gallery instance
            //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
            //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
        }
    })
</script>
4

1 に答える 1

0

ギャラリーに透明な div を追加します。

あなたはこのようにすることができます：

.overlay {
    height : 100px; // height and width of your gallery
    width : 200px;
    z-index: 2000000!important;
    opacity:0.00001;
    position:absolute;
}

http://jsfiddle.net/659hq/

于 2013-04-10T15:29:27.973 に答える