>  기사  >  웹 프론트엔드  >  종료 효과_javascript 기술을 모방하는 JavaScript 이미지 레이어

종료 효과_javascript 기술을 모방하는 JavaScript 이미지 레이어

WBOY
WBOY원래의
2016-05-16 18:57:04993검색

먼저 JavaScript 패키지를 다운로드하세요.
http://thecodecentral.com/wp-content/uploads/2007/08/yuilightboxwdep.zip

/ /다운로드한 JavaScript 패키지
에 따라 다음 경로를 수정합니다.






>
//미리보기 이미지 추가
//사용법: ID 및 데이터 소스 ID 일치

주석:
< ;html>



< script type="text/ javascript" src="js/yui/dragdrop/dragdrop-min.js">


< ;script type="text /javascript">

init = function(){
var dataSource = {
id_1:{url:"image-big.jpg", title: '테스트 Image'}
};

var lightbox = new YAHOO.com.thecodecentral.Lightbox({
imageBase:'js/lightbox',
dataSource: dataSource
});
}

YAHOO.util.Event.on(window, 'load', init)



< ;body>






성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.