Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Taylor C

macrumors 6502a
Original poster
May 27, 2007
729
0
Hey guys. I feel like this is a really stupid question, but I can't for the life of me figure out what Panic and other sites are using to enable zooming an image in place with a little "X" close button to zoom it back into place.

I've looked at their source code as well as on various web design forums and can't find any concise or relevant answers, really. An example of what I'm talking about can be found here.

Any help would be greatly appreciated. I'm looking to implement this into the portfolio section of my website.
 
It's their own code (http://www.panic.com/coda/Effects.js)

From code:
Code:
// Effects.js - (C) 2007 Panic Inc. / Cabel Sasser
// V2.0
//
// Used for fading / zooming effects, such as image zooming.
// Requires: EffectsHTML.js
//
// License: Not For Public Use, Yet. (Public release planned. Stay tuned.)

////////////////////////////

There are other options such as Lightbox that you can use. Don't use the other linked code because as it says Not For Public Use, Yet.
 
Thanks for the information. I wouldn't steal their code, I just was wondering what technology they were using to do it since I've seen it elsewhere as well. Hell, Apple uses it to display pictures of their products.

Thanks for the link to Lightbox.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.