jQuery/java | 자동 리사이징 롤링 포토겔러리 fotorama

키워드 : 리사이징겔러리,리사이징이미지,이미지갤러리,롤링이미지갤러리

무료아이콘 전체게시물 작성일16-04-10 02:16 조회2,308회

본문

Css + HtmlCss + HtmlCss + Html

pc부터, 모바일까지 자동리사이징 되는 롤링 이미지갤러리 fotorama


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">

<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>

<div class="fotorama">
  <img src="http://s.fotorama.io/1.jpg">
  <img src="http://s.fotorama.io/2.jpg">
</div> 

 

 

class값만 fotorama주고,

그안에 이미지를 넣으면 자동으로 롤링 이미지갤러리를 만들어주네요

화면 리사이징까지 >,. < 

유투브 동영상까지 지원

 

다양한 옵션에 대한 정보는 링크2를 클릭하시면 됩니다.

 

css와 js파일은 홈페이지에서 직접 다운로드 받으셔서 업로드 하신 후 사용하세요

 

<link href="웹에 올린 경로/fotorama.css" rel="stylesheet">

<script src="웹에 올린 경로/fotorama.js"></script>

 

 

fotorama-4.6.4.zip  (css와 js파일)

7fe8d2dd4a1c8cb64df73620e928679f_1460222

 

실제 적용 응용 예~

http://malza.net

 

 

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 2 비추천 0

Css + Html

113개의 게시물
목록
읽기: 10P (1lv), 쓰기: 50P (3lv), 덧글: 20P (2lv), 다운: -10P (2lv)
Css + Html 목록
번호 제목 아이디 날짜 조회수 추천
113 부트스트랩 부트스트랩 모달 (modal) 클릭시 오른쪽에 생기는 여백 17px없애기 무료아이콘 전체게시물 10-12 362 추천: 1
112 css 에어콘 출판사 메인 콘텐츠 레이아웃 관련링크 무료아이콘 전체게시물 09-13 313 추천: 1
111 css float 중앙 정렬 시키기 무료아이콘 전체게시물 09-11 391 추천: 1
110 css 모바일에서 입력창 input 클릭시 확대되는 거 막기 관련링크 무료아이콘 전체게시물 09-04 279 추천: 1
109 jQuery/java 다양한 사이드바 소스 사이드바 플러그인 관련링크 무료아이콘 전체게시물 09-02 285 추천: 1
108 css 크롬 노란 input 배경 없애기 무료아이콘 전체게시물 08-27 370 추천: 1
107 css input에 입력폼에 글자 미리 넣어두기 무료아이콘 전체게시물 08-25 199 추천: 1
106 css 마진 여백 사용시 %넓이 깨지는 경우와 width100%밀림 깨짐 해결하기 무료아이콘 전체게시물 08-17 754 추천: 1
105 etc 브라우저 별 CSS 핵 관련링크 무료아이콘 전체게시물 08-09 250 추천: 1
104 css 목록(리스트)형식의 css에 텍스트 블릿 사용하기 무료아이콘 전체게시물 08-08 190 추천: 1
103 css 넓이 100%에 25%씩 4개값을 줬는데 줄바꿈 되는 경우 ㅠㅠ 댓글1 무료아이콘 전체게시물 07-17 343 추천: 1
102 부트스트랩 동영상 슬라이드 댓글2 관련링크 무료아이콘 전체게시물 01-20 1954 추천: 16
101 부트스트랩 다중,멀티 스타일시트 우선순위 무료아이콘 전체게시물 01-19 2415 추천: 15
100 부트스트랩 부트스트랩 nav 높이를 높였을 때 다른 div 와 겹치는 현상 무료아이콘 전체게시물 01-17 1556 추천: 14
99 부트스트랩 부트스트랩에 swiper로 네이버 터치 스크롤링 메뉴 만들기 인기글관련링크 무료아이콘 전체게시물 01-17 5614 추천: 15
게시물 검색