이전 목록 다음
채택완료

이미지에 마우스 호버시 커서 주변으로 이미지 변경노출

김태후니
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-11-15 (월) 15:43:35 2,193

예시 사이트

예시 사이트를 보시면 이미지에 마우스 커서를 올리면 숨겨진 이미지가 노출됩니다.

저는 이렇게 우글우글 거리는 효과까지는 필요없고,

커서를 중심으로 동그란 반경으로 숨겨진 이미지가 보이고 싶은데,

이런 효과는 어떻게 스크립트를 짜야 가능할까요? 이런 플러그인이 없을까요?

제이쿼리 자바스크립트
|

답변 1개

채택된 답변
+20 포인트
잠실삼촌
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-11-16 (화) 09:00:39

제이쿼리로 이미지 체인지를 시키면 됩니다.

<img src="파일명" id="Mlang">

jQuery("#Mlang").hover(function(){

       jQuery("#Mlang").attr("src", "바끌 이미지 파일경로/파일명");

});

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