Fresco - A Beautiful Responsive Lightbox

Edit: http://projects.nickstakenburg.com/tipped/ on other hand is something I will pay for - looks fantastic.

There's nothing beautiful about watermarks or wasting €49.

Ironic that Fresco's actual page isn't responsive, I thought the overlay was adding huge scroll bars.

Fancybox is also free, does other media (video, etc) & can group content. It's pretty easy to theme if you are not scared of CSS.

Still great work though, you got my vote, hope you sell a bunch of licenses!

Missing: Doesn't respond to space / pgdown / left-right arrows.

Missing: Can't drag the image with mouse to flip to next image.

General page design issue: Page has style disabling outline on all anchors, making keyboard navigation (tab / shift tab) navigation downright impossible. Please make sure I can use tab / shift tab to browse the site.

General page design issue: Disabling the style rule 'outline-style:none' does make site usable with keyboard. But only somewhat, because you still can't tab onto the demonstrations.

?) Does it support ajax and iframes?

!) "the next/prev arrows move underneath my cursor based on the size of the image." - You can use the 3rd example on the top row and keep the next/prev arrows outside the image, thus solving the problem.

!) "No arrow key support and er, why would I pay for a lightbox?" - If the author doesn't add it you can use this: http://stackoverflow.com/questions/2259690/how-to-get-the-ar... It's really easy to implement. Also, you should pay because it's a beautiful and elegant solution. Men and Apple fans agree, beautiful things come at a high price, and people do pay it. The price is a tad bit too high though.

The images used in the demo are beautiful but... man, Instagram filters have really taken their toll on video and images. The problem with style is that it eventually gets old.

  "In fact, Fresco in the first truly responsive lightbox.
  Give the demonstrations a try to see what that means,
  make sure to adjust your screen size (or rotate your
  device)."

The image should be a link either to a page for that specific image (facebook style) or just to the full sized image itself. That way if the person has js disabled, or middle clicks, or opens in new tab they'll still get the image, but you can intercept a normal click and show the pretty lightbox if they're browsing "normally".

It's not like it's super complex or anything, but everyone goes the "image is only useful for the lightbox" path.

http://ompldr.org/vZmdvOQ