need a code please [Archive] - Web Design Forum

cooper.derek

05-07-2005, 10:34 PM

is there any code that I can use to get rid of the menu that pops up when you hover over big pictures? I think its only a thing that happens with windows XP.. Im using internet explorer also.. Thanks

My Website (http://ductu.tk)

Heres an example-
http://img.photobucket.com/albums/v299/king_koopa_33/help.jpg

Chroder

05-07-2005, 10:41 PM

This is a feature of Internet Explorer, you can't use any code to disable it, the user has to do it themselves.

Tools -> Internet Options -> Advanced (tab) -> Enable Image Toolbar (under Multimedia)

StephanieCordray

05-07-2005, 11:21 PM

Why would you want to? It gives the viewer the option of seeing the image in full resolution when it's larger than the browser window. All you have to do to not see it is move your mouse pointer off the image.

rimian

05-08-2005, 12:45 PM

i can see why someone would want to disable it. it's imposing.

how large is the image? you might need to crop you image a bit tighter if you've got a lot of black around it.

if that doesn't work you can place a transparent layer over the image with the link on it. you will need a <div> and a transparent gif file. this will fool the browser into ignoring the mouseover on your graphic (though it's not a true mouseover event from what i can see).

here's a test file that you can try. the icons will appear if you mouseover the blue image but not the red layer on the top.

<html>
<body>
<img src="spacer.gif" width="1000" height="1000" border="1" style="background-color:blue;">
<div style="position: absolute; top 0px; left: 0px; width: 100px; height: 100px; background-color:red;">
 
</div>
</body>
</html>

hppe that helps!

cooper.derek

05-08-2005, 08:49 PM

Thanks for the help.. I tried to figure out the code you gave me but I was not able to.. Is there a way I could post the images and the code I have and maybe you could possibly make a new code? Thanks

http://img.photobucket.com/albums/v299/king_koopa_33/ductuintro.jpg

http://img.photobucket.com/albums/v299/king_koopa_33/ductuintro_rollover.jpg

<html>
<head>
<title>Ductu</title>

<meta name="generator" content="Created Using Yahoo! PageBuilder 2.61.87">
<meta name="author" content="derek, ductu, derek cooper">
<meta name="keywords" content="duct tape, duct tapes, ducttape, duck tape, duct tape fashion, duct tape accessories">
</head>
<body bgcolor="#000000" link="#333333" vlink="#333333" text="#000000"
onLoad="window.onresize=new Function('if (navigator.appVersion==\'Netscape\') history.go(0); else center();'); center();">
<script>
function center() {
if (navigator.appVersion.indexOf('MSIE') != -1)
document.all['root'].style.left = Math.max((document.body.clientWidth - 523) / 2, 0);
else
document.PageElement.LAYERS['root'].left = Math.max((window.innerWidth - 523) / 2, 0);
}
</script>
<div id="root" style="position:absolute;top:0;left:0;width:543px;height: 427px">
<script>center();</script>
<div style="position:absolute;left:8;top:111;width:523;height: 304;">
<table width=523 height=304 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><img height=304 width=523 src="http://www.geocities.com/duct_u/ductuintro_rollover.jpg" border=0 ></td>
</tr></table></div>
<div style="position:absolute;left:8;top:119;width:523;height: 290;">
<table width=523 height=290 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><a href="http://www.geocities.com/duct_u/main.html" onMouseOver="document.images['i1'].src='http://www.geocities.com/duct_u/ductuintro_rollover.jpg'" onMouseOut="document.images['i1'].src='http://www.geocities.com/duct_u/ductuintro.JPG'" ><img height=290 width=523 name="i1" src="http://www.geocities.com/duct_u/ductuintro.JPG" border=0 ></a></td>
</tr></table></div>
<div style="position:absolute;left:86;top:8;width:49;height:29 ;">
<table width=49 height=29 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td>
<script language=JavaScript>

</script>
</td>
</tr></table></div>
<div style="position:absolute;left:37;top:8;width:49;height:29 ;">
<table width=49 height=29 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td>
<STYLE type="text/css"></STYLE>
</td>
</tr></table></div>
<div style="position:absolute;left:8;top:8;width:29;height:29;">
<table width=29 height=29 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td>

<script type="text/javascript" language="javascript">
var sc_project=629413;
var sc_partition=5;
var sc_security="ffe17f27";
var sc_invisible=1;
</script>

</tr></table></div>
</div>
</body>
</html>

StephanieCordray

05-09-2005, 08:34 PM

I think perhaps I misunderstood your question. Did you mean you wanted to prevent someone from saving the pic? If so, there are scripts you can add to pages to disable saving the images. I find www.dynamicdrive.com (there might be a hyphen in that, can't remember) and www.javascriptsource.com to be very helpful when I need something like that. Nothing will disable that menu popping up in IE, as Chroder said, but you can protect your pics.

cooper.derek

05-11-2005, 12:49 AM

yeah, I know, I already have the right click disabled but people can still save images when that stupid toolbar menu thing pops up.. Ahh.. Thanks for your help anyways..

Dmexio

05-15-2005, 11:41 PM

Dont be dismay me friend there is a way i will will show its so simple really.

use IMAGE Mapping i use it to remove that annoying block myself...here is the code

<map name="any name you want"></map>
<img src="your photo.jpg" width="400" height="180" usemap="any name you want">
<map name="any name you want"></map>

All the best