jQuery modal style box image zoomer

Does anyone know how to do the Asos style:

http://www.asos.com/ASOS/ASOS-Overdyed-Marl-Zip-Through-Hoodie/Prod/pgeproduct.aspx?iid=1787623&cid=5668&sh=0&pge=0&pgesize=20&sort=-1&clr=Red+marl

And the Amazon style:

开发者_运维问答

http://www.amazon.co.uk/ZANNA-SWAROVSKI-DRESS-Midnight-Blue/dp/B0050HK3TQ/ref=sr_1_3?ie=UTF8&m=A1RKWVIPB0RYS4&s=generic&qid=1315477712&sr=1-3

product zoom effects via jquery?

if you click the image, a div box comes up covering most the page content and overlaying a dark effect around content allowing a scroll up or down effect...

Thanks

---

There are many open-source Javascript/Jquery plugins for that procedure. For example: 1.Lightbox 2, see demo here: http://www.lokeshdhakar.com/projects/lightbox2/ 2.Fancybox: http://fancybox.net/ 3.Thickbox: http://jquery.com/demo/thickbox/ 4.Colorbox: http://colorpowered.com/colorbox/ and many others. If you want to create the procedure by yourself read some tutorials about Jquery modal windows. The main idea is to create centered div which contains the image and close buton.