Hiding the Image Toolbar in IE

If you've spent any time browsing the Internet with Internet Explorer, you've seen the little toolbar that IE displays over larger images.  Today's tip, contributed by Larry Anderson, explains how to hide this little bugger.

In Internet Explorer 6.0, when a picture larger than 130x130 is displayed, IE displays the image toolbar (save, print, etc.). Sometimes the image toolbar can make a page look a little 'funky' and disabling it along with using a script to block right clicks can cut down on 'picture stealing' from your site.

You can make your page not display the image toolbar on an image-by-image basis by adding GALLERYIMG="no" to the <IMG> tag, as shown in the following code example:

 <IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">

Or you can disable the display of the image toolbar for an entire Web page by setting the HTTP-EQUIV and CONTENT attributes of the META element. Set HTTP-EQUIV="imagetoolbar" and CONTENT="no". Just put the following code in the HEAD section of your page, and IE doesn't display the image toolbar for any image in the page.

 <META HTTP-EQUIV="imagetoolbar" CONTENT="no">

This is a great tip.  I truly detest this toolbar because it just plain messes up the look of a page, so IMHO, hiding it is a great idea. Just one thing I want to add is that hiding the image toolbar and disabling right click on a Web page doesn't provide true security for images and other copyrighted artwork.  At best, it slows people down. (For more information, see my post Securing online content and images.)