묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
default 레이아웃 이미지 슬라이드 개수 늘리는법
2015.01.30 19:26
슬라이드 개수를 추가하고 싶어 이것저것 건드리면서 다른 파일들은 모두 수정했는데..
js 파일은 건드려본적이 없어서 어떻게 해야할지 모르겠네요.
다음/이전 버튼 때문에 슬라이드가 안돼는 것 같은데 어떻게 수정해야 할지 부탁드립니다ㅠ
5개까지 추가하고 싶습니다..
// Prev
var $vpn = $('.visual, .visual>button');
$(window).load(function(){
$vpn.height($visual_list.find('>.item:eq(1)').height());
});
$visual.find('>.prev').click(function(){
$visual_list.animate({
left: '+=100%'
},400,function(){
var $last_item = $visual_list.find('>.item:last-child');
if(itemNum===3){
$last_item.prependTo($visual_list);
} else if(itemNum===2) {
$last_item.remove();
$visual_list.find('>.item:last-child').clone().prependTo($visual_list);
}
$visual_list.css('left','-100%');
$vpn.height($visual_list.find('>.item:eq(1)').height());
});
});
// Next
$visual.find('>.next').click(function(){
$visual_list.animate({
left: '-=100%'
}, 400, function(){
var $first_item = $visual_list.find('>.item:first-child');
if(itemNum===3){
$first_item.appendTo($visual_list);
} else if(itemNum===2) {
$first_item.remove();
$visual_list.find('>.item:first-child').clone().appendTo($visual_list);
}
$visual_list.css('left','-100%');
$vpn.height($visual_list.find('>.item:eq(1)').height());
});
});
js 파일은 건드려본적이 없어서 어떻게 해야할지 모르겠네요.
다음/이전 버튼 때문에 슬라이드가 안돼는 것 같은데 어떻게 수정해야 할지 부탁드립니다ㅠ
5개까지 추가하고 싶습니다..
// Prev
var $vpn = $('.visual, .visual>button');
$(window).load(function(){
$vpn.height($visual_list.find('>.item:eq(1)').height());
});
$visual.find('>.prev').click(function(){
$visual_list.animate({
left: '+=100%'
},400,function(){
var $last_item = $visual_list.find('>.item:last-child');
if(itemNum===3){
$last_item.prependTo($visual_list);
} else if(itemNum===2) {
$last_item.remove();
$visual_list.find('>.item:last-child').clone().prependTo($visual_list);
}
$visual_list.css('left','-100%');
$vpn.height($visual_list.find('>.item:eq(1)').height());
});
});
// Next
$visual.find('>.next').click(function(){
$visual_list.animate({
left: '-=100%'
}, 400, function(){
var $first_item = $visual_list.find('>.item:first-child');
if(itemNum===3){
$first_item.appendTo($visual_list);
} else if(itemNum===2) {
$first_item.remove();
$visual_list.find('>.item:first-child').clone().appendTo($visual_list);
}
$visual_list.css('left','-100%');
$vpn.height($visual_list.find('>.item:eq(1)').height());
});
});
// Prev
var $vpn = $('.visual, .visual>button');
$(window).load(function(){
$vpn.height($visual_list.find('>.item:eq(1)').height());
});
$visual.find('>.prev').click(function(){
$visual_list.animate({
left: '+=100%'
},400,function(){
var $last_item = $visual_list.find('>.item:last-child');
if(itemNum===5){
$first_item.prependTo($visual_list);
} else if(itemNum===4) {
$first_item.prependTo($visual_list);
} else if(itemNum===3) {
$first_item.prependTo($visual_list);
} else if(itemNum===2) {
$first_item.remove();
이렇게 수정해봤는데요..
두세번 새로고침을 해야 슬라이드가 깨지지 않고 나옵니다.
그리고 두세번정도 새로고침을 하고 나면 제대로 나오긴 하는데, 옆으로 넘기면 다섯번째는 꼭 두번이 나오네요..