슬라이드 배너 떨림현상
본문
하나의 이미지 파일에 배너를 모두 나열해놓고 슬라이딩 되게 하는 소스인데 부분적으로 이미지 떨림현상이 발생하네요 소스한번 봐주세요~
var sp_s = $('.sponsor_slide ul');
$(window).load(function(){
var sp_l = 0;
sp_s.find('img').each(function(){
sp_l += parseInt($(this).width());
});
sp_s.width( sp_l);
});
function sp_slide(){
var sp_eq1 = sp_s.children('li').eq(0);
var sp_eq1_w = parseInt(sp_eq1.width());
sp_s.stop().animate({
'margin-left' : '-=' + 4088 //sp_eq1.width()
},70000,'linear',function(){
sp_s.css('margin-left','500');
sp_eq1.appendTo(sp_s);
sp_slide();
});
}
자바
html
<div class="sponsor_box">
<img src="/images/main/sponsor_01.jpg" alt="">
<div class="sponsor_slide">
<ul>
<li><a href="/sub/intro05.php"><img src="/images/main/sponsor_all.jpg" alt=""></a></li>
<li><a href="/sub/intro05.php"><img src="/images/main/sponsor_all.jpg" alt=""></a></li>
<li><a href="/sub/intro05.php"><img src="/images/main/sponsor_all.jpg" alt=""></a></li>
</ul>
</div>
<a href="/sub/intro05.php"><img src="/images/main/sponsor_11.jpg" alt=""></a>
</div>
답변을 작성하시기 전에 로그인 해주세요.