위토즈 - 개발자프로그램판매공간

정보공유

[JQUERY] 갤러리 슬라이더

 

<script language="javascript" type="text/javascript" src="./js/jquery.lightSlider.js"></script> 

 

<style>

    #bx_gallery {position:relative;}

    #bx_gallery .photo_slide {position:absolute;top:25%;width:100%;}

</style>

 

<ul id="imageGallery">

    <li data-thumb="{domain}/m150106_000.jpg"><img src="{domain}/m150106_000.jpg" /></li>

    <li data-thumb="{domain}/m150105_000.jpg"><img src="{domain}/m150105_000.jpg" /></li>

    <li data-thumb="{domain}/m150105_001.jpg"><img src="{domain}/m150105_001.jpg" /></li>

    <li data-thumb="{domain}/m150106_000.jpg"><img src="{domain}/m150106_000.jpg" /></li>

    <li data-thumb="{domain}/m150105_000.jpg"><img src="{domain}/m150105_000.jpg" /></li>

    <li data-thumb="{domain}/m150105_001.jpg"><img src="{domain}/m150105_001.jpg" /></li>

    <li data-thumb="{domain}/m150106_000.jpg"><img src="{domain}/m150106_000.jpg" /></li>

    <li data-thumb="{domain}/m150105_000.jpg"><img src="{domain}/m150105_000.jpg" /></li>

    <li data-thumb="{domain}/m150105_001.jpg"><img src="{domain}/m150105_001.jpg" /></li>

</ul>

 

<script type="text/javascript">

<!--

    $('#imageGallery').lightSlider({

        gallery:true,

        item:1,

        thumbItem:4,

        slideMargin:0,

        mode:'fade',

        currentPagerPosition:'left',

        controls         : true,  // Whether to display prev/next buttons.

        loop             : true, // Allows to go to the other end of the gallery at first/last img.

        auto             : true, // Enables slideshow mode.

        pause            : 3000,  // Delay (in ms) between transitions in slideshow mode.

        escKey           : false,  // Whether lightGallery should be closed when user presses "Esc".

        closable         : false,  //allows clicks on dimmer to close gallery

        onSliderLoad: function(el) {

            el.lightGallery();

        }

    });

//-->

</script>

첨부파일

정보공유
Total 455건 12 페이지
번호 제목 글쓴이 날짜 조회
290 관리자화면에 최고관리자가 아닌 등급이 접속가능하게 해야할경우 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-13 29256
289 classic ASP ajax 문자열 처리. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-12 32994
288 의외로 while 문에서 break 사용법을 모르는 사람들이 많네요. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-11 31432
287 문서경로 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-27 32222
286 유투브 썸네일 생성을 위한 코드값 추출 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-14 36245
285 첨부 파일 이전 샘플 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-14 32120
열람중 갤러리 슬라이더 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-10 32324
283 구글 검색엔진 커스텀 생성 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-15 48552
282 한국수출입은행 환율 API 신청방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-13 61974
281 페이팔 테스트계정 생성방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-23 62086
280 [씨아이보드] 쿼리문에 between 구문 주기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-15 34775
279 [씨아이보드] back-end 처리로 결과값을 받아야 하는경우 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-14 33269
278 [씨아이보드] 관리자 메뉴 링크 경로를 별도 경로로 적용해야할 경우 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-09 35269
277 [씨아이보드] 결제모듈 버그수정 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-08 37379
276 [씨아이보드] 모바일에서 ptype 필드 추가. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-08 33955