Webmaster forum - Removing Image Toolbar in Internet Explorer

Author

Removing Image Toolbar in Internet Explorer

GSwarthout

2006-08-17, 6:47 pm

How can I make it so that when someone moves their mouse over an image
on my web page in IE, the little 4-icon image toolbar doesn't pop-up.
I'm not concerned with them copying graphics, I just don't like it to
obscure the image.

Greg

Beauregard T. Shagnasty

2006-08-17, 6:47 pm

GSwarthout wrote:

> How can I make it so that when someone moves their mouse over an image
> on my web page in IE, the little 4-icon image toolbar doesn't pop-up.
> I'm not concerned with them copying graphics, I just don't like it to
> obscure the image.

S'far as I know, you would have to run around to all the homes of your
visitors, and toggle the options in their browser settings.

If you don't like it, toggle yours off. Others are probably used to
seeing it, or don't care.

--
-bts
-Warning: I brake for lawn deer

eric

2006-08-17, 6:47 pm

GSwarthout wrote:
> How can I make it so that when someone moves their mouse over an image
> on my web page in IE, the little 4-icon image toolbar doesn't pop-up.
> I'm not concerned with them copying graphics, I just don't like it to
> obscure the image.
>
> Greg

Use CSS and place the image inside of a DIV. Make sure to make the div
the correct width, height for your image. I use this method in some
photo gallery code, and provide my own image toolbar.

Here's a sample with a border added. The css could be moved out into a
separate section, or you could run a script on page load that replaces
all images (or images with a certain class) with the divs containing
the background image.

<div style='border: 1px solid black; width: 150px; height: 55px;
background: white url( http://www.google.com/images/logo_sm.gif )
no-repeat scroll 0%0%'></div>

You can still right-click usingFirefox to get the background image, but
that isn't the concern for this problem.

My own follow up: what Apache method can be used to limit images from
direct access? So that images will appear on a page correctly, but if
the user directly tries to access the url they will get a 4xx response.
This would be to prevent hotlinking images and therefore reduce wasted
bandwidth. I could likely do this with php, but would like to have a
cleaner solution.

Auggie

2006-08-17, 6:48 pm

"GSwarthout" <gregorys@xmission.com> wrote in message
news:1155827637.789857.26390@b28g2000cwb.googlegroups.com...
> How can I make it so that when someone moves their mouse over an image
> on my web page in IE, the little 4-icon image toolbar doesn't pop-up.
> I'm not concerned with them copying graphics, I just don't like it to
> obscure the image.

That is a browser setting set on the users computer by his/her own
preferences.

If you open IE, click on "TOOLS" and then "INTERNET OPTIONS..." and then the
"ADVANCED" tab you can scroll down to MULTIMEDIA and find it there as
"Enable Image Toolbar (Requires Restart)"

So there is nothing you can do about this, it is their own settings and
preferences. It would be like asking something like: "If a user visits my
site and has their desktop icons arranged by date, how can I arrange them by
name instead?" or "If they have their screensaver set to go on after 10
minutes of inactivity how can I make it so that it goes on after 20 minutes
instead because my website is a long read?"

Andy Dingley

2006-08-17, 6:48 pm

Beauregard T. Shagnasty wrote:

> S'far as I know, you would have to run around to all the homes of your
> visitors, and toggle the options in their browser settings.

There's also a page-level <meta> you can use
<meta http-equiv="imagetoolbar" content="no">

(I ought to investigate if this works as a HTTP header too)

Or there's a new (and invalid) magic attribute you can add to each
<img>
<img src="foo.jpg" alt="Another stupid idea from M$oft" galleryimg="no"
>

Beauregard T. Shagnasty

2006-08-17, 6:48 pm

Andy Dingley wrote:

> Beauregard T. Shagnasty wrote:
>
>
> There's also a page-level <meta> you can use
> <meta http-equiv="imagetoolbar" content="no">

<shhhhhhhhhh!>

--
-bts
-Warning: I brake for lawn deer

Kim André Akerø

2006-08-17, 10:39 pm

Andy Dingley wrote:

>
> Beauregard T. Shagnasty wrote:
>
>
> There's also a page-level <meta> you can use
> <meta http-equiv="imagetoolbar" content="no">
>
> (I ought to investigate if this works as a HTTP header too)

It should:
http://www.w3.org/TR/html4/struct/g...adef-http-equiv

With PHP[1]:
header("Imagetoolbar: no");

[1] To those of you who are relatively inexperienced with PHP, this
must be placed before any HMTL or blank spaces are sent.

--
Kim André Akerø
- kimandre@NOSPAMbetadome.com
(remove NOSPAM to contact me directly)

Andy Dingley

2006-08-18, 4:37 am

Kim Andr=E9 Aker=F8 wrote:

> It should:

This is IE we're talking about here...

Rik

2006-08-19, 3:35 am

eric wrote:
> My own follow up: what Apache method can be used to limit images
from
> direct access? So that images will appear on a page correctly, but
if
> the user directly tries to access the url they will get a 4xx
> response. This would be to prevent hotlinking images and therefore
> reduce wasted bandwidth. I could likely do this with php, but would
> like to have a cleaner solution.

There are .htaccess rules out there who will check the Referrer, and
allow/disallow acces based on that. This is inherently unreliable
though, as referred isn't always set, and it's even in the W3C
recommendation that UA's should allow users to turn it off. This will
result in 'valid' visitors not seeing the images.

One could set a check wether the referrer is the referrer is not empty
AND not your domain, that could ward of the most common linkers:

RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^.*?example.com.*?$
RewriteRule ^images/.*? forbidden.html [F]

Grtz,
--
Rik Wasmus