묻고답하기
롤링메인페이지 다른이미지로 안바뀌네요..
2014.12.23 13:08
머가문제인지......
메인페이지 롤링이미지를 3개 적용햇는데..이미지가 다른이미지로안바뀌네요;;
http://dhtmzkf001.speeds.kr/
// Visual Slide
var $visual = $('.visual');
var $visual_list = $visual.find('>.list');
var itemNum = $visual_list.find('>.item').length;
$visual_list.addClass('total'+itemNum);
var $last_item = $visual_list.find('>.item:last-child');
// Paragraph position
$visual.find('p').each(function(){
var $this = $(this);
$this.css('marginTop', Math.round(- $this.height()/2));
});
// Invalid href
$visual.find('a[href=""]').click(function(){return false});
// Item num
if(itemNum===1){
$visual.find('>button').remove();
} else if(itemNum===2){
$last_item.clone().prependTo($visual_list);
} else if(itemNum===3) {
$last_item.prependTo($visual_list);
}
// 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());
});
});
});