답변 2개
/* 2개로 처리하기 */
$('#btn_chg').on('click', function () {
$('.img1').stop().animate({ opacity: 0 }, 800); //처음 이미지
$('.img2').stop().animate({ opacity: 1 }, 800);//전환될 이미지
});
img1과 img2를 미리 로드해 놓는게 깜빡임을 없애줍니다~
img1 1개만으로 하려면
/* 1개로 처리하기 */
$('.img1').animate({ opacity: 0 }, 400, function () {
$(this).attr('src', 'img2.jpg')
.animate({ opacity: 1 }, 400);
});
답변을 작성하려면 로그인이 필요합니다.