JS는 현재 페이지_javascript 기술로 사진을 클릭하여 확대하고 닫는 아름다운 효과를 구현합니다.

Lightbox JS는 현재 페이지에 이미지를 오버레이하기 위한 간단하고 간단한 스크립트입니다.

데모를 보려면 여기를 클릭하세요.

사용 방법:

1단계 - 설치
1. Lightbox v2.0은 Prototype 프레임워크와 Scriptaculous 효과 라이브러리를 사용하며 이 세 가지 Javascript 파일을 외부에서 조정해야 합니다.





2. Lightbox CSS 파일을 외부에서 로드합니다(또는 현재 스타일 시트에 Lightbox 스타일을 추가합니다). 🎜>
3. CSS를 확인하고 호출된 prev.gif 및 next.gif 파일이 올바른 위치에 있는지 확인하세요. 또한 호출된 loading.gif 및 close.gif 파일과 lightbox.js 파일이 있는지 확인하세요.
2단계 - 활성화

1. 라이트박스를 활성화하려면 링크 태그에 rel="lightbox" 속성을 추가하세요. >이미지 #1
선택 사항: 제목 속성을 사용하여 설명을 추가합니다.
2. 그룹화하려는 관련 사진 세트가 있는 경우 이전 단계를 계속하여 추가합니다. rel 속성 이름에 대괄호가 있는 그룹입니다. 예:
image #1
image #2
image #3
3. 각 페이지에 제한이 없습니다. 사진 그룹 수와 사진 그룹당 사진 수입니다.

다운로드: Lightbox JS v2.02