This link has been bookmarked by 812 people . It was first bookmarked on 08 Feb 2008, by David Harrison.
-
12 Feb 13
-
Designed to view full-size photos and images inline without requiring a sepa
-
-
22 Nov 12
-
25 Apr 12
-
11 Feb 12
-
08 Jan 12
-
03 Jan 12
-
Designed to view full-size photos and images inline without requiring a separate web page load, FancyZoom's raison d’être (French for "raisin-determination") is providing a smooth, clean, truly Mac-like effect
-
Instructions
Installing FancyZoom on your web pages should be dead simple.1 Download the FancyZoom package, right here: -
upload the two folders inside the package to the root of your webserver.
-
Add the following two lines of code to the <head> section at the top of your web page(s):<script src="/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script> -
Add onload="setupZoom()" inside your page's existing <body> tag. For example:<body id="whatever" [...] onload="setupZoom()"
-
hoah. You're done! The rest is automatic — links to images in your page will automatically zoom the images. For example:<a href="image.jpg"><img src="image-thumbnail.jpg" /></a> will zoom up image.jpg when clicked.
-
here are a few extra notes that you might find useful.
Want to add a caption? Add a title tag in your href. That's it!
FancyZoom will use the size of the first element in the href to determine the initial size and location of the zoom.
FancyZoom works best if you wrap your href around a thumbnail, but also works from text-only links to images.
FancyZoom will attach itself to any jpg, gif, png, bmp, or tiff link in your page.
If you're a Javascript hacker, FancyZoom's flexible fadeIn and fadeOut functions can be used for all sorts of fun stuff.
If you explicitly don't want an image to zoom, add a rel="nozoom" tag to your href.
-
-
30 Dec 11
-
20 Dec 11
-
06 Dec 11
-
30 Nov 11
-
28 Sep 11
-
27 Sep 11
-
22 Sep 11
-
06 Jul 11
-
06 Jun 11
-
19 May 11
-
26 Apr 11
George Brett"This much-requested chunk of Javascript to zoom images inline, originally written for this blog but later rolled out to the Panic website and used for screenshots, is now polished up, bug-fixed, available for you to use on your website!" -- from source
-
21 Feb 11
scandalo scandaloMostrar miniaturas y pinchar para ver a tamaño completo fotos e imágenes en línea sin necesidad de una carga de páginas web independientes
-
09 Feb 11
-
02 Jan 11
Chris JakemanJavaScript solution
-
06 Dec 10
Jochen BurkhardFancyZoom 1.1: Smooth Javascript Image Zooming For Your Web Pages - http://bit.ly/BPRZF
-
10 Nov 10
-
03 Nov 10
-
27 Oct 10
-
18 Oct 10
-
06 Oct 10
-
05 Oct 10
-
03 Oct 10
-
21 Sep 10
-
13 Sep 10
-
16 Aug 10
-
29 Jul 10
-
26 Jun 10
-
22 Jun 10
-
19 Jun 10
-
11 Jun 10
-
05 Jun 10
-
02 Jun 10
-
29 May 10
Hyung-Joo Limcabel.name: FancyZoom 1.1 http://ow.ly/17xxaH
– Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/14951072092 -
17 May 10
-
10 May 10
-
27 Apr 10
-
22 Mar 10
-
15 Mar 10
-
01 Mar 10
-
26 Feb 10
-
19 Feb 10
-
19 Jan 10
-
18 Jan 10
-
02 Jan 10
-
30 Dec 09
-
29 Dec 09
-
21 Dec 09
-
19 Dec 09
-
14 Dec 09
Robert Bruce Rodger"This much-requested chunk of Javascript to zoom images inline, originally written for this blog but later rolled out to the Panic website and used for screenshots, is now polished up, bug-fixed, available for you to use on your website!"
-
30 Nov 09
-
22 Nov 09
-
16 Nov 09
-
11 Nov 09
-
02 Nov 09
-
01 Nov 09
-
21 Oct 09
-
17 Oct 09
-
14 Oct 09
-
08 Oct 09
-
19 Sep 09
-
17 Sep 09
-
09 Sep 09
-
03 Sep 09
-
02 Sep 09
-
31 Aug 09
-
28 Aug 09
Scott Le DucCool zooming script
javascript webdesign ajax gallery lightbox image Design photos zoom
-
13 Aug 09
-
11 Aug 09
-
10 Aug 09
-
30 Jun 09
-
26 Jun 09
-
18 Jun 09
-
12 Jun 09
-
08 Jun 09
-
29 May 09
-
27 May 09
-
26 May 09
-
25 May 09
-
18 May 09
-
04 May 09
Rodrigo de OliveiraThis much-requested chunk of Javascript to zoom images inline, originally written for this blog but later rolled out to the Panic website and used for screenshots, is now polished up, bug-fixed, available for you to use on your website!
biblioteca galeria imagem javascript lightbox zoom from_delicious
-
03 May 09
-
01 May 09
Martin HäckerReally nice javascript library without dependencies, that just makes all your image links zoom automaticly (bonus: opening them in a background tab still works perfectly!)
-
30 Apr 09
chaldaDalsi javascriptovy prohlizec pro nekomercni ucely zdarma.
-
29 Apr 09
-
24 Apr 09
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.