WebAppers

/ best free open source web resources /

Shopify

FancyZoom in Prototype with Small Changes

Posted · Category: Gallery, License Free

Some time ago, we have featured FancyZoom which is designed to view full-size photos and images inline without requiring a separate web page load. After few months, Orderedlist rewrote it in Prototype with some small changes.

First, He didn’t like that it used AJAX. FancyZoom in Prototype tends to lean towards the side of rendering everything and then showing and hiding, rather than loading stuff with AJAX.

Second, Cabel built his from scratch with no use of any JavaScript libraries. That is cool and all, but he almost always have Prototype and Scriptaculous included. Cabel’s version without Prototype is two scripts that weigh in at 36k. Orderedlist’s version with prototype is only 12k.

Third, Cabel’s implementation only works for images and it loads them via AJAX (to save initial page weight). He thinks that the zoom interaction is pretty interesting so he didn’t want a version limited to just images. FancyZoom in Prototype supports pretty much any html you can throw in a div (images, text, flash, etc.).

Fourth, and final, is that he liked Apple’s rounded corners, as opposed to the original fancy zoom’s square edges.

FancyZoom Meet Prototype

Requirements: Prototype Framework
Demo: http://orderedlist.com/demos/fancy-zoom/
License: License Free

6 Comments
  • http://www.veselin.bg Уеб дизайнер

    I will give it a try, looks very nice. Thanks for the post

  • http://www.sustainify.com Nick

    Very nice, I love this effect on Apple’s site.

  • http://www.rockkarusellen.se Johan

    Would be great with a port to jQuery… Looks awesome though!

  • http://coomingsoon... Daniel Buchner

    And this one beats it’s pants off on capability…

    http://iaian7.com/webcode/mediaboxAdvanced

  • http://www.logicspot.com Mark Haller

    This looks great. Going to give it a try too – thanks so much for sharng!

    And it’s prototype-based! Hurrah! :-)

    Thanks dude, I owe you one ;-)

    Marky

  • Hervé

    I have just found another great jQuery effect:
    http://www.gruppo4.com/~tobia/cross-slide.shtml

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons