2017 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
페이드 인/아웃 슬라이드쇼 (와이드 배경 이미지 변경) 플러그인
jquery.FadeWideBgImg
Filename : jquery-fadewidebgimg.zip (238 KB)
Caption :

페이드 인/아웃 슬라이드쇼 (와이드 배경 이미지 변경) 플러그인

미리보기

  • 창 크기에 따라 이미지를 세로 중앙 중심으로 스케일링한다.
  • 슬라이드 이미지들의 로드가 끝난 후에 이미지를 노출한다.
  • 브라우저 크기가 변경될 때마다 그에 맞춰 조절된다.

사용법

<head>와 </head> 사이에 아래 코드를 추가한다. 

 위 코드 중에  $('.slideshow').FadeWideBgImg({interval:2000}); 을 원하는 옵션과 선택자를 넣어 자신이 원하는 스타일로 바꾼다. 

  • 옵션
    • minwidth : 슬라이드 최소 넓이, 숫자 입력 (기본값 1020)
    • height : 슬라이드 높이, 숫자 입력 (기본값 320)
    • speed : 투명해지는 속도, 숫자 입력, 1000 = 1초 (기본값 1000)
    • interval : 전환 간격, 숫자 입력, 1000 = 1초 (기본값 3000)
    • cover : 반투명 커버 사용 여부, true/false (기본값 true)

그런 후에 슬라이드 시킬 이미지들을 <body>와 </body>사이에 아래 코드처럼 만들고 <li>을 추가하여 이미지를 넣어 나열시켜 놓는다.

HoldHolic

nain

이메일 : nis@naminsik.com

리뉴얼하려고 생각한지가 어느덧 3년이 지났다. ㅠ 망...
.