[최신글] Swiper Parallax 슬라이더
날짜 : 16-04-09 17:16   조회 : 2,049
  트랙백    
스킨명swiper_parallax
사용환경그누보드5, 그누보드4
g5-demo http://hnbuilder.net/demo/g5/skin/latest/swiper_parallax.html [680]
g4-demo http://hnbuilder.net/demo/g4/skin/latest/swiper_parallax.html [581]
다운로드 swiper_parallax.g5.zip (113.3K) [14] Date : 2016-04-09 17:20:56
다운로드 swiper_parallax.g4.zip (114.0K) [5] Date : 2016-04-09 17:20:56

swiper parallax 슬라이더입니다.

Swiper Parallax Scroll Slider


수평, 수직 방향의 parallax 스크롤 슬라이더입니다.
버튼, 키보드, 마우스휠 등으로 컨트롤 할 수 있습니다.

유의사항
배경이미지는 현재 문서 위치에서 상대경로로 지정해 주세요.
게시물 내용이 길면 잘릴 수 있으므로 이미지와 내용을 적당한 길이로 구성해 주세요.

<?php
// 첫 번째 옵션에 배경 이미지 상대경로를 지정합니다.
// 화살표, 원버튼, 키보드로 컨트롤 할 수 있습니다.
echo latest("swiper_parallax", "gallery", 10, 0, "./images/bg.jpg");

// 두 번째 옵션에 보여지는 영역의 width를 지정할 수 있습니다.(기본 500)
// echo latest("swiper_parallax", "gallery", 10, 0, "./images/bg.jpg|500");

// 세 번째 옵션에 'v'를 추가하면 vertical 형식의 parallax가 됩니다.
// vertical이 지정되면 마우스휠, 키보드로 컨트롤할 수 있습니다.
// echo latest("swiper_parallax", "gallery", 10, 0, "./images/bg.jpg|600|v");
?>

• Swiper: http://idangero.us/swiper/