FancyZoom Updated

It may be patently obvious, as the relevant post is directly below this one, but until FancyZoom moves to its own home on the web, sometime in 2018, this is probably the best way to get the word out to you RSS reading folk: FancyZoom update! Actually, it shows how little I use the RSS — do people get notified when I make revisions to existing web log posts? Or do most people turn that feature off? Do I sound like the world's oldest man? MY PICTURE BOX IS BROKEN, WHY CAN'T I GET MY MOVIE FILMS ON MY PICTURE BOX?

Anyway, FancyZoom is already at version 1.1. I made it work with Opera (and, theoretically, the Wii!), fixed some crazy bugs, and improved the keyboard behavior. Release notes in the original post.

I hope you enjoy these updates!


It depends on your feed reader. I use NewsFire, which doesn't pester me about old posts changing, so I appreciate the update.
Blogger earthboundkid 2/08/2008 6:07 PM  
NetNewsWire updates the old post.
Anonymous Anonymous 2/08/2008 6:38 PM  
Mail in Mac OS X "Leonard" tells you when there's been an update, remarking the article as unread.
Blogger Ricky R 2/08/2008 6:40 PM  
the example on this page works beautifully on the Wii.
Blogger Neven Mrgan 2/08/2008 6:53 PM  
I'm using Safari's RSS reader, and I appreciate the update as well. Love FancyZoom, keep up the awesome work!
OpenID 2/08/2008 10:21 PM  
Yay, you fixed cmd-click! I might start using this now.

Out of curiosity: Does my site count as a commercial site? I do have "ads" on it but they basically are just a link exchange backed by currency and I haven't actually made any money on them. (Project Wonderful is goofy that way.)
Blogger fluffy 2/08/2008 11:52 PM  
Hmm, tried it, remembered how much I hate the perceived added lag in the zoom transition, removed it.

BTW, instead of requiring people to add the onLoad handler to the body tag, why not just use something like addLoadEvent? Due to the way I have my MT templates set up I couldn't easily add onLoad to all my body tags, but by just adding addLoadEvent crap into FancyZoom.js it worked like a charm and I only had to change one of my templates (which made it also much less annoying when I decided to remove it a few minutes later).
Blogger fluffy 2/09/2008 12:07 AM  
Fluffy: Happy to have fixed that thing for you — it made sense. Thanks for giving it a whirl, anyway. And yeah, putting the event loading into the script is a fine idea — I considered it but for some reason didn't ultimately do it. I'll keep it on the to-do list!
Blogger Cabel 2/09/2008 12:31 AM  
Yeah, while I don't like it enough to run it on my site, at least cmd-click working makes it so that other people who do choose to run it won't make me so mad. :) There's way too many times that I've seen a site which has a gallery with a lot of thumbnails and I just want to load up a bunch of images in the background and flip through them (especially if the site is being very slow). It's very frustrating when a site doesn't allow that.
Blogger fluffy 2/09/2008 5:53 PM  
I think the behavioral choices between many newsreaders are split, at least by default, between letting the user know of changed news items or not. Given the lack of a standard there, I would recommend publishing a new post for each update.
OpenID David Chartier 2/10/2008 7:53 AM  

nice stuff!! one does this handle in IE6? as im sure ie will look at the pngs and laugh. Btw, coda is awsome....anyway, back to making more cool php classes.
Blogger curthard 2/10/2008 2:57 PM  
Is OS X "Leonard" the first mention of 10.6?

You'd think they could do better than that.
Blogger Daniel 2/11/2008 5:36 AM  
Not sure if anyone's reading the comments on the update page. Repost from there:
If all the images aren't the same size, it seems to just use the ratio of the first one clicked for all the subsequent images. Am I missing something or is this a bug?
Blogger SalsaShark 2/11/2008 12:20 PM  
My favourite feature: the bizarro "zoom away" behaviour in IE5 Mac. Yes, I had to try it. But it still sort of works, which is amazing.

Hmm, I wonder if I have a copy of Netscape 4 anywhere around here...
Blogger Derek 2/11/2008 12:37 PM  
mmmm bacon
Anonymous Anonymous 2/11/2008 2:46 PM  
How would you launch this from Flash? Is it possible to call a delegate?
OpenID nickalt 2/16/2008 8:18 PM  
Please excuse my ignorance but I can't get this to work at all. Would you consider posting a more detailed user guide maybe?

It seems simple enough, I have copied all the files and inserted the code via dreamweaver, but the link still just goes to a new page.

The top of my page navigation was created in imageready and then a "gallery" of thumbs was created below that in a table in dreamweaver. Do you suppose maybe the code is causing a conflict?

Here's another newb question. When you say root of the server you mean the / level and not the /web level right?

Anonymous Anonymous 2/18/2008 12:19 AM  
I got it to work.

I moved onload="setupZoom()" to before onLoad="preloadImages();" instead of after it.

That seemed to do the trick.
Anonymous Anonymous 2/18/2008 12:37 AM  

Anonymous Anonymous 2/18/2008 12:39 AM  
Thanks, Cabel! This is nifty. I'm going to hand it over to one of the kiddies to use on the school's site. (I tried it out already, though, and it works just dandy over here.)
Blogger Amy 2/21/2008 3:41 PM  
This is a classy bit of code but I have a question. When I write quite a bit of text in the title tag it creates horizontal scroll bars. Is there any way I can limit the title tags to stay below the image?
Anonymous Simon Jones 3/17/2008 5:59 PM  
I use Prototype JS along with Fancy Zoom (I know, there is some redundancy...). My problem is if the user has a FancyZoom up, and the containing element is updated (Ajax.Updater, etc) the FancyZoom stays up and there is no way to close it. How can I for it closed before updating the containing element?
Blogger Namotco 5/03/2008 11:02 PM  
RE; Hi there, please excuse my ignorance, but I can't it to work at all.

Nor can I, I have set it up in dreamweaver exactly as the instructions say, but it just doesn't work. (Please excuse a beginner like myself, but I have to ask.)

I tried moving --onload="setupZoom()" to before onLoad="preloadImages();" instead of after it.--
but I can't actually find any of these instructions text.

two questions that i would like to aks
-my Body doesn't had an id tag, does this matter?
-besides in the head, does the script src have to go anywhere specific?
Blogger abstr.action 5/21/2008 3:16 AM  
when i mix FancyZoom pop-ups with flash, the img hides behind the embeded flash. i think i know what to do, but i can't figure out where to put it in the code. where would i set the z-index?

scroll down on this page to see what i mean.
Blogger jaireaux 7/01/2008 7:10 PM  
I am experiencing the same problem as jaireaux, but my problem is only Windows specific. The "zoomed" images hide behind a flash element in IE 7, Firefox 3.x, Opera 9.x and Safari 3.x, but not on any the browsers on my Mac (go figure!). Any help would be great! You have a wonderful product! Thanks!
Blogger hunzinker 7/25/2008 3:55 PM  
I am having the same flash problem on windows computers as described above. Any idea how to fix thix?
OpenID Bruno 7/28/2008 8:04 AM  
I think that Flash-problem can't be solved by Cabel since it's flash-specific. As far as I know, Flash always sits above other elements what is a big problem when using some absolute or fixed positioned divs.

But Cabel, I've got one question. I looked at the code of FancyZoom (I'm not really good at JS) and I saw the box seems to be drawn with tables. Why don't you use divs with CSS for positioning? It would be cleaner and more up-to-date.

Maybe there is a way to avoid tables since I think they are not a good choice for designing such a box. ;)
Anonymous Martin 7/31/2008 4:50 AM  
I've got a big problem:

FancyZoom itself works, but the transparent png's or something like this is the problem ?!?!?
Anonymous Haus 8/06/2008 1:25 PM  
Hi, first of all congratulations for your FancyZoom project, it's cool… I like so much but, …

I am a drupal user and would like to use it on my drupal 6.x site, why not considering making a module for us drupal people!!
Would be very nice having it instead of the LightBox 2 project module from its web

Thank you so much,
drupal user.
Anonymous Anonymous 8/09/2008 6:23 AM sweet... but, i can't set the X and Y for the zoomed image, only in center of my document.. how i can make this?
Anonymous Éderson 8/14/2008 11:41 AM  
Not sure if you saw… but the Obama t-shirt site is using fancy.

Blogger florian 8/20/2008 2:02 PM  
Hi again,

I am the drupal user who sent you on 09/Aug/2008 at 6:23 AM, remember me?!

Wanted to thank you, as i got today the news that YOU DID a module for us drupal users!!

Did you?

Thanq alot,

P.S.: Anyway i had managed to get it working great with no module, as you haven't responded to my post!
Anonymous Anonymous 8/21/2008 2:59 PM  

so easy it sounds so hard is it to make the closebutton hidden! Can anyone help me?
I don't need the close button.

Write me to "6colordesert at" plz.

For the ones that need help with the Flash issue:
You need to set the movie to wmode "transparent" that will work.
Anonymous Anonymous 9/02/2008 10:57 AM  
Dear Cabel,

Thanks for your work.
I tried to add this great tool on blogger but can't figure out where, in the body tag to put the onload="setupZoom()". Wherever I try to put it seems to fail. please a little help here.

Thank you and congrats for your wedding.

Blogger Kooki 10/22/2008 10:34 AM  
Great program, makes it very easy! Is is possible to mix portrait and landscape images? I just tried it and the zoom portrait images distorted into the same aspect ratio as the zoom landscape images. Any help would be greatly appreciated!
Blogger Blog Wizard 10/22/2008 4:56 PM  
I noticed a problem using FancyZoom in Gecko-based browsers: the zoom worked fine, but Firefox wasn't picking up the side shadow images. The corners and closebox were there, but that was all.

It turned out to be a CSS conflict. I had switched from Tantek Çelik's UndoHTML to Eric Meyer's CSS Reset to zero out my style sheets, and some of Mr. Meyer's table declarations (I dunno which ones) were behind the behavior.

I switched back to UndoHTML, and FancyZoom worked perfectly.

Anyway, this isn't a complaint: I thought I might post it in case anyone else ran into this problem. I'm a big fan of FancyZoom. Bravo, Cabel: Portland pride.
Blogger Adam McIsaac 12/02/2008 10:13 AM  
Thanks Adam! You helped me a lot! I was looking for hours to find a solutions.

Anonymous Justin 1/29/2009 8:31 AM  
The onload="SetupZoom" adds outlines at the top of the screen in Internet Explorer, but not in Firefox, Chrome, etc. Could you a) show me how to fix this or b) Tell me how to use AddLoadEvent or whatever.


Blogger Jonathan 3/29/2009 12:19 PM  
There are some issues with Safari (dropshadow) is this simple to fix?
Anonymous Vincent 4/29/2009 9:38 AM  
I just installed the current version and I have mixed-size images, some portrait, some landscape, of different dimensions respectively. The first photos are portrait, then landscape. The landscape display distorted as too narrow. Looks like one of those amusement park fun house mirrors. :) Anything I can do about this? I can't resize the landscape photos to the same width of the portrait photos. -Bob
Anonymous Anonymous 5/03/2010 6:16 PM  

Post a Comment


Name:Cabel Maxfield Sasser
Job:Co-Founder, Panic Inc.
Location:Portland, OR