[소스] 배너(쇼핑몰)_오른쪽에서 왼쪽으로 자동 이동 슬라이드 배너
2017.11.10
북마크 작성자 정보
작성일/수정일
2021-09-02 23:09:39 / 2017-11-10 17:26:05
쇼핑몰에서 많이 쓰이는 자동 슬라이드 배너
swiper.js 를 이용하여 여러개를 생성 할수 있다.
rolling.js
$(function() {
var myNum = Math.floor(Math.random()*5)+1; //랜덤
//var myNum = 0;
$('.slideshow').after('<div class="slider_pg">').cycle({
fx: 'scrollLeft',
speed: 1000,
timeout: 4000,
//timeout makes things pause
delay: 1000,
pager: '.slider_pg',
startingSlide: myNum,
pause: 1,
pauseOnPagerHover:1
});
$('.slideshow2').after('<div class="slider_pg2">').cycle({
fx: 'scrollLeft',
speed: 900,
timeout: 5000,
//timeout makes things pause
delay: 1000,
pager: '.slider_pg2',
startingSlide: myNum,
pause: 1,
pauseOnPagerHover:1
});
});
데모보기
http://relation.co.kr/images_board/board_system_publishing/76/index.html
http://relation.co.kr/images_board/board_system_publishing/76/index2.html