need a code please

cooper.derek

New Member
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

Heres an example-
help.jpg
 

Chroder

New Member
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

New Member
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

New Member
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;">
&nbsp;
</div>
</body>
</html>

hppe that helps!
 

cooper.derek

New Member
Thanks for the help rimian

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

ductuintro.jpg


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><!-- right click -->
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade ([email protected])
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</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><!-- underline -->
<STYLE type="text/css"><!--
A:link{color:COLOR;text-decoration:none}
A:visited{color:COLOR;text-decoration:none}
A:active{color:COLOR;text-decoration:none}
A:hover{color:COLOR;text-decoration:underline}
--></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><!-- Stats -->
<!-- Start of StatCounter Code -->
<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

New Member
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

New Member
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

New Member
There is a way

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
________
Web shows
 
Last edited:
Top