PDA

View Full Version : Mouseover Image Help



craighey
03-17-2012, 05:22 PM
1) Script Title: Mouseover Code

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex15/domroll2.htm

3) Describe problem:

I'm having trouble with a mouseover effect. I currently have an image float in center from the bottom of the screen and stop in the middle. On mouseover, I have it change image source. The second image is currently much bigger than the first to make it look like the 'bubble' is opening up like a flow chart below.

So here's my problem. I want the image below to open up 'center' below. Currently it opens up with a 'align left' so the original 'bubble' which is also in included in the second image, moves over.

Here's a section of my code:

function moveover()
{
document.getElementById('image').src="my mouseover image";
}
function moveback()
{
document.getElementById('image').src="my image";
}

</script>

</head>

<body onload="doFancyBearPaw()">

<div align="center">
<div id="BearPaw" name="BearPaw"
style="filter: revealTrans(duration=3.0, transition=23); height:100; width:80;">
<img align="center" id="image" src="my image" border="0" noresize="true"
onmouseover="moveover()"
onmouseout="moveback()" </a>
</div>
</div>



Can anyone help? :)