이미지에 마우스 가져가면 다른 이미지가 보이는 방법

제목 그대로 이미지에 마우스 가져가면 다른 이미지가 보이는 방법을 소개합니다.

밑에 예제에 마우스를 가져가 보세요. 클릭하지 않아도 다른 이미지가 보입니다.

gif도 가능합니다.

 

이런 방법은 되는 곳도 있고, 안되는 곳도 있습니다.

티스토리에서는 가능하지만, 다음 블로그에서는 불가능합니다.

 

html에서 아래와 같이 적어주시면 됩니다.

다른건 그대로 적고, 빨간색 글자에 이미지 주소를 바꿔 적어주세요     

<IMG onmouseover="this.src='뒤에보일이미지주소';" onmouseout="this.src='앞에보이는 이미지주소';" border=0 src="앞에보이는 이미지주소">

 

아래 텍스트 파일 다운받으셔도 됩니다.

이미지에 마우스 가져가면.txt

 

뒤에 보이는 확장명 jpg

 

뒤에 보이는 확장명 gif