Enlarging an image on mouseover without using Flash
I use DW MX 2004 with Windows 2000
I want to create the following effect. I have two versions of
an image,
geyso_scr… (which is screen size) and geyso_sm (which is
small). On
mouse-over I want a larger window to open on top of my html
page (but
less than the full screen) and show the larger image file in
whatever
size I have created it.
One mouse-off I want to restore the original image.
I tried this with a straight image swap on the following
page:
http://www.tudo.co.uk/testing/hospiz_stiftung/shell/contents/vorstand/ vorstand.html
see row 2, image 1, Peter von Geyso.
This works all right (on mouseover there is a shift of about
1 px) but
the screen sized image has been sized down to the original
image (sm image).
How can I conveniently get the large image hovering on top of
the
existing page?
Can someone recommend a tutorial which describes how this is
done?
Or is there a utility which does it?
-
————————————————————-
On similar lines, a client wants to display a list of items
as text in
comparatively small font. On mouse-over he wants the
list-item in
question to become slightly larger (not only to change colour
etc). Can
that be done without converting the text into images.
Is there any tutorial for that?
(No point in arguing with the client that the text should be
made large
enough to read in the first place. I have tried that in
vain.)
Thanks for your help.
Adrian
|||
Hey Adrian,
Maybe this will work for you. Take a look here at this demo
http://www.cssplay.co.uk/menu/magnify
|||
netlace design wrote:
> Hey Adrian,
>
> Maybe this will work for you. Take a look here at this
demo
>
>
http://www.cssplay.co.uk/menu/magnify
Hi Netlace Design,
This looks interesting, but where do I get the code for this.
How is it
done without javascript.
Thanks,
Adrian
|||
netlace design wrote:
> Hey Adrian,
>
> Maybe this will work for you. Take a look here at this
demo
>
>
http://www.cssplay.co.uk/menu/magnify
Hi Netlace Design,
This looks interesting, but where do I get the code for this.
How is it
done without javascript.
Thanks,
Adrian
|||
Hi, you shold to check in Google “javascript image resize”
there are a lot of examlpes,
Titti
http://textures.z7server.com/
|||
On Sat, 01 Sep 2007 21:14:22 +0100, Adrian Stock
<adrian.stock22@tudo.co.uk> wrote:
>Hi Netlace Design,
>
>This looks interesting, but where do I get the code for
this. How is it
>done without javascript.
>
>Thanks,
>Adrian
I don’t know how you could do this without Javascript or
Flash, but
you can do it via DW’s behavior panel (show/hide layer).
|||
z7server wrote:
> Hi, you shold to check in Google “javascript image
resize”
> there are a lot of examlpes,
> Titti
>
http://textures.z7server.com/
Hi, thank you, will do.
Adrian
Related posts:
- Ways of enlarging a thumbprint image
- image map mouseover popup image in window
- Swap Image NOT mouseover
- Can I send and receive image in flash form javascript
- Need help with enlarging images
Related posts brought to you by Yet Another Related Posts Plugin.
