Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
08 Feb

Smooth Javascript Image Zooming For Your Web Pages

  • Gallery, License Free
  • Leave a Comment

FancyZoom is designed to view full-size photos and images inline without requiring a separate web page load. It is providing a smooth, clean, truly Mac-like effect, almost like it’s a function of Safari itself. FancyZoom has the following features that makes it different to other popular modal box galleries, e.g.Lightbox. FancyZoom is totally free for your non-commercial website.

  • Focused on the smoothest, most polished zooming animation possible
  • Automatically scales images from any image link, with no HTML changes
  • Preloads full-size images in the background on link mouseover
  • No resource-heavy Javascript libraries — 100% coded from scratch to zoom
  • Draws a nice drop shadow under the full-size image to offset it from the page
  • Uses Safari 3’s “box-shadow” feature to draw the drop shadow natively, no images required

fancyzoom.png

Requirements: Safari, Firefox, IE7, and IE6
Demo: http://www.cabel.name/2008/02/fancyzoom-10.html
License: License Free

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
FancyZoom in Prototype with Small Changes

FancyZoom in Prototype with Small Changes

Mac-like Multi-level Dropdown Menu with CSS3

Mac-like Multi-level Dropdown Menu with CSS3

Polaroid Photo Viewer with CSS3 and jQuery

Polaroid Photo Viewer with CSS3 and jQuery

How to Create Various CSS3 Image Styles

How to Create Various CSS3 Image Styles

WebAppers Redesign Updates #1

WebAppers Redesign Updates #1

Stunning Full Page Image Gallery with jQuery

Stunning Full Page Image Gallery with jQuery

Comments
  • http://moviepresslive.com kuldeep

    This is a great tool…thanks for sharing!!

  • http://www.XGhozt.com/ XGhozt

    I like it.

  • Matt

    Is there anything like this that handles other types of content like AJAX pages?

  • Devil

    Looks good…

    But didn´t works in Opera

  • http://www.lnahinu.com/blog shortshire

    I like the product. Only problem that I am getting is the lag between it becoming fully zoomed in, it stops for a second and then starts again. But other then that, it’s a great app that I definitely going to use.

  • jumping josef

    looks like highslide (http://vikjavev.no/highslide/) only more basic. still a bit buggy, even in my FF2.

  • http://www.magictoolbox.com Magic Toolbox

    Nice effect and good on the guys at Cabel for making it free for non-commercial use. We have the same license agreement policy for our tools, one of which, Magic Zoom, offers an alternative way of zooming into images.

  • http://villagelocal.com/ Elijah

    Nice effect, but I prefer a simple lightbox instead.

    Nice shot on the Jollibee pic, we have lots of them here ;)

  • http://www.movienewsclub.com/ Telugu Cinema

    Great post, all your posts are very important to web developers … Thank you very much..

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • Free Responsive HTML5 + CSS3 Site Templates
  • 35 Creative Twitter Covers for Web Designers
  • FROONT: Responsive Web Design in the Visual Way
  • Designing Experiences for Responsive Web Sites
  • jQuery Unveil: The Lightweight Version of Lazy Load
  • What are HTML5 Datalists and When to Use Them
  • Easy Responsive Tabs jQuery Plugin for Web & Mobile
  • jQuery.Swatches Turns Div into a Sweet Color Swatch
  • Pure: A Set of Small & Responsive CSS Modules
  • Create Sexy Android-like UI with Fries
Sponsors
Plugins
  • Advertisement15
  • Calendar48
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour17
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup50
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons27
  • Color Schemes25
  • Fonts47
  • Forms115
  • Icons110
  • Patterns24
  • PS Tutorials17
  • Stock Photos21
  • Tables25
Others
  • Announcement104
  • Best Collections6
  • Code57
  • eCommerce25
  • Framework217
  • Hosting13
  • Information245
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats40
  • Tools302
  • Webmail14
Licesnes
  • BSD License69
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free749
  • MIT License423
Sponsors
Advertise Here
Partners
MaxCDN