$(function() { // Scrolled by user interaction $('#img_list').carouFredSel({ responsive: true, width: '100%', auto: { pauseOnHover: 'resume', progress: '#timer1' }, scroll : { fx : "crossfade_" }, //none, scroll, directscroll, fade_, crossfade_, cover, cover-fade_, uncover,uncover-fade_ items: { width: 1260, height: '', overflow: 'hidden', visible: { min: 1, max: 4 } }, prev: '#prev1', next: '#next1', pagination: "#pager1", mousewheel: false, swipe: { onMouse: true, onTouch: true } }); $('#foo2').carouFredSel({ responsive: true, width: '100%', scroll: 1, auto: { pauseOnHover: 'resume', progress: '#timer2' }, prev: '#prev2', next: '#next2', items: { width: 300, //height: '97%', // optionally resize item-height visible: { min: 2, max: 3 // 갯수를 늘리면 한번에 보여지는 롤링이미지의 수가 늘어남// } } }); $('#foo3').carouFredSel({ responsive: true, width: '100%', scroll: 1, auto: { pauseOnHover: 'resume', progress: '#timer2' }, prev: '#prev3', next: '#next3', items: { width: 310, //height: '97%', // optionally resize item-height visible: { min: 2, max: 2 // 갯수를 늘리면 한번에 보여지는 롤링이미지의 수가 늘어남// } } }); });