홈페이지 » 웹 디자인 » Lightgallery.js가있는 전체 화면 라이트 박스 슬라이드 쇼

    Lightgallery.js가있는 전체 화면 라이트 박스 슬라이드 쇼

    훌륭한 블로그 또는 포트폴리오 웹 사이트는 모달 라이트 박스 슬라이드 쇼. 이것은 좋은 일일 수있다. 관련 사진 쇼케이스 또는 방문자를시키는 일의 포트폴리오를 둘러 보며 (디자인, 예술, 사진).

    lightgallery.js, 방금 라이브러리를 설치하다달려 가라.. 너는 그것을 설정할 수있다. 여러 장의 사진과 함께 및 각 슬라이드 전체 화면을 차지하다.

    화면의 일부만 차지하는 다른 슬라이드 쇼보다이 플러그인을 크게 선호합니다. lightgallery.js 사용, 모든 포커스가 슬라이드 쇼로 이동합니다. 및 제 1 가시 이미지.

    각 슬라이드의 맨 아래에 작은 설명 링크 또는 원하는 텍스트로.

    오른쪽 상단 모서리에는 일련의 버튼 ...에 대한 확장 기능. 순서대로, 그들은 이렇게 간다.

    • 슬라이드 쇼 재생
    • 확대 / 축소
    • 브라우저 전체 화면
    • 사회적 공유
    • 이미지 다운로드
    • 슬라이드 쇼 닫기

    표시 할 버튼을 선택하여 선택할 수 있습니다. 옵션 편집 플러그인 호출시.

    사실, 나는 얼마나 많은 세부 사항이 문서화되어 있는지에 날아 갔다. 그것에 대한 세부 정보가 있습니다. 옵션들콜백 메소드. 하지만 다음에 대한 정보도 찾을 수 있습니다. 사용자 정의 데이터 속성, Sass 변수, 심지어 플러그인 API lightgallery에 모듈을 만드는 법.

    오, 내가 언급 했어. 완전히 모바일 친화적 인? 갤러리를 통해 손가락으로 또는 마우스로 사진을 스 와이프 할 수 있습니다..

    자신의 사이트에 포트폴리오를 표시하는 훌륭한 방법을 원하는 디자이너 또는 사진 작가에게 완벽한 선택입니다..

    너는 심지어 iframe 또는 동영상 삽입 YouTube 또는 Vimeo와 같은 사이트에서 이것은 진정 최고의 사용자 경험을 제공하는 라이트 박스 갤러리 플러그인입니다.

    이 라이브러리는 모든 의존성이 없다. 그리고 그것 순수 자바 스크립트에서 실행됩니다.. 그러나 그것 큰 도서관과 잘 어울린다. jQuery 또는 Bootstrap과 같은.

    이걸 원하면 jQuery 플러그인으로 jQuery 사용자를 위해 포팅 된 lightgallery.js 플러그인이 있습니다. 당신은 전체 데모 ~에 데모 페이지 또는 아래 펜. 그리고 필요한 경우 소스 코드 머리로 GitHub 레포사본을 가져 가라. 너 자신을 위해.