hover시 이미지가 바뀌는 코드에 fadein 추가하는 법 있을까요
현재 이렇게 해서
이미지를 hover하면 이미지가 바뀌게 되어있습니다.
여기에 fadein / fadeout 효과를 줄수 있을까요?
아는 선에서 이것저것 해봤는데 안되네요 ㅠㅠ
$(function() { $(".con7_1 .imgP img").hover(function(){ $(this).attr("src", $(this).attr("src").replace(".jpg", "_1.jpg")); }, function(){ $(this).attr("src", $(this).attr("src").replace("_1.jpg", ".jpg")); }); });
답변 4개
https://stackoverflow.com/questions/5979418/jquery-change-image-src-with-fade-effect 이거 참고해보시면 좋을 듯 해요
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
여기저기 넣어봤는데 안돼서요...
댓글을 작성하려면 로그인이 필요합니다.
이미지를 레이어로 감싸고 absolute 로 두개의 이미지를 겹쳐서 띄우고
보여주고자 하는 이미지의 z-index값을 높여줍니다.
레이어에 마우스를 오버했을시 위에 있는 이미지를 fadeout, 마우스 아웃시 fadein 해주면 될듯하네요.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인