2010-02-14 4 views
3

라이트 박스 에서처럼 이미지를 표시하기위한 경량의 자바 스크립트를 찾고 있습니다. 작고 단순해야하며 jquery/mootools 플러그인이 없으며 애니메이션이 없어야합니다.javascript : lightweight lightbox script

미리보기 이미지를 클릭 할 때 이미지를 표시 할 수 있어야합니다.

감사

+0

js 라이브러리를 사용하지 않고 '작고 단순한'함께 사용하지 마십시오. js 라이브러리의 즐거움 중 하나는 무수히 많은 브라우저 불일치를 처리 할 필요가 없다는 것입니다. "간단한 코드"가 아니라 "사용하기 쉬운"것을 의미하지 않는 한. – Erik

답변

3

당신은 예를 Lytebox에 사용할 수 있습니다. 이 스크립트는 외부 라이브러리에 대한 종속성이 있고 정말 뭔가 에 대한 경량을 찾고 있다면 페이지와 통합하는 라이트 박스

+0

Lytebox는 외부 라이브러리를 필요로하지 않고 작업을 수행하지만 정확하지는 않습니다 (95.2kb JS + 13.2kb CSS). – 10basetom

+1

** [jsOnlyLightbox] (http://jslightbox.felixhagspiel.de/) ** JS 만, jQuery 또는 기타 라이브러리 필요 없음, 반응 형 및 IE8 지원. 애니메이션 GIF를 생략하면 20KB 미만 (JS는 8KB) –

0

를 사용하는 것만 큼 간단하지 않습니다, 당신은 this script 한 번 봐 걸릴 수 있습니다.

<script src="minibox.js" type="text/javascript"></script> 
<script type="text/javascript"> 
minibox.borderSize = 5; 
minibox.borderType = 'solid red'; 
minibox.img.title = 'click to close image window'; 
minibox(); 
</script> 

더 문서가 없지만, 코드가 비교적 분명하다

는 페이지 하단에 다음 줄을 추가 URL이 .jpg, .png 또는 .gif로 끝나는 모든 링크를 변환합니다.