IE, imagetoolbar 제거하기

Internet Explorer 브라우저에서 보면 일반적으로 <img src="....."  .../>  테그를 사용하고
해당 태그에 마우스 오버를 하면 다음과 같은 도구 상자가 나타납니다

        

이것을 "imagetoolbar" 라고 부르더군요...

최근에 imagetoolbar가 뜨면 안되는 상황이 와서 구글링좀 해봤습니다..

두가지 해결 방법을 찾았습니다.

1. Meta markup in Head 

head 테그 내부에 meta 테그를 삽입함으로써 해결가능합니다..

  <meta http-equiv="imagetoolbar" content="no" />

2. 비표준 img 테그 속성 사용

IE에서만 제공하는 img 테그의 비표준 속성을 사용할 수 있습니다.

해당 이미지 테그에 galleryimg = "no" 라는 속성을 주면 imagetoolbar가 뜨지 않습니다.

  <img src="....." galleryimg="no"/>

비표준 속성이므로 사용이 장려되지는 않는군요... 하지만 이렇게 부분적으로 처리를 해야한다든지

여러 사정상 meta 테그를 사용할 수 없는 경우에 자바스크립트로 처리할 수도 있습니다.

  var _img = document.getElementById("img1");

  _img.galleryimg = "no";

두가지 방법중 사용 가능한 방법을 사용하면 좋을것 같습니다 : )

출처 : 다음 UI개발자 블로그