0
아래 코드를 사용하여 내 웹 사이트의 링크에서 갤러리를 만듭니다. 이미지를 완벽하게 보호하는 것은 없지만 이미지 위에 투명 오버레이를 추가하고 싶습니다. div 태그에 이미지를 배치하고 CSS를 사용하여이 작업을 수행하는 방법을 볼 수 있지만 사용중인 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", "© me"],
["gallery/img2.png", "", "_new", "© me"],
["gallery/img3.png", "", "_new", "© 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>