dynamic image size

jnbszabo

Hi - john here -

Can i change html image size dynamically on mouseover so it looks like Mac taskbar ??

------BIG------------------------------------------------------------------------
^

...
-------------BIG-------------------------------------------------------------------
^

...
-----------------------BIG---------------------------------------------------------
^

Mar 13 '07 #1

AricC

Hi - john here -

Can i change html image size dynamically on mouseover so it looks like Mac taskbar ??

------BIG------------------------------------------------------------------------
^

...
-------------BIG-------------------------------------------------------------------
^

...
-----------------------BIG---------------------------------------------------------
^

So when you hover over an image you want the size to increase? I'm not familiar with Mac's. Also, what do you mean by dynamically?

Mar 13 '07 #2

jnbszabo

So when you hover over an image you want the size to increase? I'm not familiar with Mac's. Also, what do you mean by dynamically?

yes - if I have images in a row (i.e. in td-s) i would like

x x x x x

to change into

X x x x x when I hover over the first,

x X x x x when over the second, etc.

I can do it with buttons over the x-s but not by just "mousover / mouseout"-s

http://www.siteexperts.com/tips/elements/ts21/page1.asp

Mar 14 '07 #3

drhowarddrfine

Use the :hover attribute and resize the image there.

img:hover{
height:whateverpx;
width:whateverpx;
}

But that only works in modern browser (not IE6). So you have to make it an anchor.

a:hover{
height:whateverpx;
width:whateverpx;
}
<a><img src=""></a>

Mar 14 '07 #4