안녕하세요!! 다름이아니라.. 제이쿼리 어트리뷰트를 사용해서 이미지 -> 이미지로 전환을 시키고싶은데

padein out을 하면 불투명값으로 하다보니까 천천히 전환이안돼더라구요.. 혹시 css의 transition처럼 부드럽게 이미지 -> 이미지 로 넘기는 방법중에 jquery로도 할수있는개 있을까요 ? ㅠㅠ

|

답변 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);
});



 

att보다 css 함수 써서 하면되지 않을까여? 

답변을 작성하려면 로그인이 필요합니다.