라이트 박스 에서처럼 이미지를 표시하기위한 경량의 자바 스크립트를 찾고 있습니다. 작고 단순해야하며 jquery/mootools 플러그인이 없으며 애니메이션이 없어야합니다.javascript : lightweight lightbox script
미리보기 이미지를 클릭 할 때 이미지를 표시 할 수 있어야합니다.
감사
라이트 박스 에서처럼 이미지를 표시하기위한 경량의 자바 스크립트를 찾고 있습니다. 작고 단순해야하며 jquery/mootools 플러그인이 없으며 애니메이션이 없어야합니다.javascript : lightweight lightbox script
미리보기 이미지를 클릭 할 때 이미지를 표시 할 수 있어야합니다.
감사
당신은 예를 Lytebox에 사용할 수 있습니다. 이 스크립트는 외부 라이브러리에 대한 종속성이 있고 정말 뭔가 에 대한 경량을 찾고 있다면 페이지와 통합하는 라이트 박스
Lytebox는 외부 라이브러리를 필요로하지 않고 작업을 수행하지만 정확하지는 않습니다 (95.2kb JS + 13.2kb CSS). – 10basetom
** [jsOnlyLightbox] (http://jslightbox.felixhagspiel.de/) ** JS 만, jQuery 또는 기타 라이브러리 필요 없음, 반응 형 및 IE8 지원. 애니메이션 GIF를 생략하면 20KB 미만 (JS는 8KB) –
를 사용하는 것만 큼 간단하지 않습니다, 당신은 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
로 끝나는 모든 링크를 변환합니다.
js 라이브러리를 사용하지 않고 '작고 단순한'함께 사용하지 마십시오. js 라이브러리의 즐거움 중 하나는 무수히 많은 브라우저 불일치를 처리 할 필요가 없다는 것입니다. "간단한 코드"가 아니라 "사용하기 쉬운"것을 의미하지 않는 한. – Erik