Ajax zooming pictures

Hi,

I was wondering if anyone has an idea of the code that I can write to
achieve the follow effect.

When you move your mouse over an image, it shows a bigger picture.

Thanks

They may be storing two sizes of the images, or just one file and
displaying it at different resolutions. The second idea seems ideal,
as the client already has the file, and it just being redisplayed at a
larger res.

  • Nic.

I understand that. I just don’t know how to write the AJAX in ROR to do
the onmouseover event and then show the bigger picture and I thought
that someone might have an idea on how to do it, with some sample code

David S. wrote:

Hi,

I was wondering if anyone has an idea of the code that I can write to
achieve the follow effect.

http://www.istockphoto.com/file_search.php?action=file&userID=938503

When you move your mouse over an image, it shows a bigger picture.

Thanks

Judging from a peek at the source, they are probably using a variation
of Lightbox: http://www.huddletogether.com/projects/lightbox/

One thing that instantly comes to mind is something that can be added
to your Wikipedia account which brings up an image popup. It’s far
better implemented than the example you gave, although it’s onclick
rather than onmouseover. I expect that would be easy to change though.

You can find the source here:
http://en.wikipedia.org/wiki/User:Zocky/PicturePopups.js
and add it to your Wikipedia account by copying it to <>/monobook.js.

Hope this will help you work it out.

-Nathan

Am 23.06.2006 um 22:21 schrieb David S.:

I understand that. I just don’t know how to write the AJAX in ROR
to do
the onmouseover event and then show the bigger picture and I thought
that someone might have an idea on how to do it, with some sample code

I guess that they simply load a bigger picture from the server and
display it in a “tool tip” style window (I know Overlib that does
this - it originated in the time when DHTML was pimp: http://
www.bosrup.com/web/overlib/)

HTH

Manuel


I have found an elegant and short solution for Fermat’s Theorem
but sadly there is not enough space for it in this signature.