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

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
이미지에 마우스 호버시 커서 주변으로 이미지 변경노출

QA

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

답변 1

본문

예시 사이트

 

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

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

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

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

이 질문에 댓글 쓰기 :

답변 1

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

 

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

 

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

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

});

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 0
© SIRSOFT
현재 페이지 제일 처음으로