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? :)
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? :)