Jquery attr
본문
안녕하세요!! 다름이아니라.. 제이쿼리 어트리뷰트를 사용해서 이미지 -> 이미지로 전환을 시키고싶은데
padein out을 하면 불투명값으로 하다보니까 천천히 전환이안돼더라구요.. 혹시 css의 transition처럼 부드럽게 이미지 -> 이미지 로 넘기는 방법중에 jquery로도 할수있는개 있을까요 ? ㅠㅠ
답변 1
$(document).ready(function() {
var changeImg = "교체할 이미지";
var originImg = "";
$(이미지).hover(function() {
var $this = $(this);
originImg = $this.attr('src');
$this.stop().animate({
opacity: 0
}, 500, function() {
$this.attr('src', changeImg).stop().animate({
opacity: 1
}, 500)
})
}, function() {
var $this = $(this);
$this.stop().animate({
opacity: 0,
}, 500, function() {
$this.attr('src', originImg).stop().animate({
opacity: 1
}, 500);
originImg = '';
})
});
});
https://codepen.io/moon-chai-jung-arkiad/pen/RwJYdjV !-->
답변을 작성하시기 전에 로그인 해주세요.