开发者

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.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜