2

Does anyone know how 37 Signals built the pop ups for image previews that are now in basecamp? I really like how quickly they load and the fact that the whole page doesn't get "light-boxed" and there is a minimal border It's very snappy. You can see this effect on the marketing page for campfire:

http://campfirenow.com/?source=37signals+home

Just click one of the images below plans and pricing.

Is this custom javascript? Are they using a certain javascript library? Anyone know?

Lee McAlilly
  • 9,084
  • 12
  • 60
  • 94
  • Try viewing the source. I'd do it myself to try to determine what lightbox is in use, but my iPhone browser isn't good at stuff like that. It looks familiar, though - it may be a jquery lightbox plugin styled to look different from the default. – Frank DeRosa Nov 14 '09 at 23:37
  • Hey Lee, did my answer help you find the solution you were after? Perhaps you could accept my answer if so. Cheers! – Jamie Dixon Jun 09 '10 at 18:09

2 Answers2

5

Have a look at:

http://campfirenow.com/sprockets.js

and search for setupZoom()

The method being used for the clicks is zoomClick()

It looks like they're using FancyZoom to do the work and this is being combined with the Prototype Javascript Framework.

Jamie Dixon
  • 53,019
  • 19
  • 125
  • 162
1

Cool Thanks!

I also found this: http://www.highslide.com/

It's a really similar effect that doesn't require Prototype.

Lee McAlilly
  • 9,084
  • 12
  • 60
  • 94