PDA

Click to See Complete Forum and Search --> : Image effect Help Please

fyre
03-04-2003, 07:38 AM
Hi Everyone,
New here so please be patient with me! :O).
I need to create an effect where on mouseover an image grows by approx 25%, now I have created to images using adobe imagestyler saved as .gifs one image the start size, and one about 25% bigger, i need on mouseover the smaller to grow to the larger, using frontpage, am I going about this task completely the wrong way?, I am completely stuck!!, so any help most grateful, thanks in advance
Stefan
03-04-2003, 08:46 AM
You will only need 1 image and have the browser rescale that.

You can do that eg by


<style type="text/css">
img {width:200px; height:100px}
img:hover {width:250px; height:125px}
</style>
</head>
<body>
<div>
<img ...>
</div>
fyre
03-04-2003, 11:24 AM
Thankyou so much for the reply, Stefan, where exactly do I need to paste this code within the page please?, is it as simple as selecting the image, in Normal view, then choosing HTML, then pasting the code in?. thanks again

Chris,
aka fyre
CyCo
03-04-2003, 02:30 PM
You will only need 1 image and have the browser rescale that.

You can do that eg by


<style type="text/css">
img {width:200px; height:100px}
img:hover {width:250px; height:125px}
</style>
</head>
<body>
<div>
<img ...>
</div>

I can't make this work. What am I doing wrong?