Fresco

Fresco can be used in showing content above the rest of the page, surrounded by a darker overlay.

The plugin comes as an evolution of the famous Lightview modal windowing system, adding support for a plethora of new features, starting with responsive layouts, mobile devices and the new HTML 5 standard.

Fresco works basically as any other modal script, only its extensive support and very well tested features allow it to be deployed immediately without wasting time with various tests or preparations.

Licensed under a duplicate licensing model (free and commercial), Fresco allows developers to get a taste of a real premium modal lightbox script for free.

Use the free trial for non-commercial projects, while for other work buy one of the available licenses.

What is new in this release:

• Fixed iOS 8.4.1 requiring 2 clicks on the close button to close.

What is new in version 2.0.4:

• Made the example pages in the downloads responsive.

What is new in version 2.0.3:

• Fixed a bug with right click to save that caused navigation when right clicking. The right and middle mouse buttons will no longer trigger navigation.

What is new in version 1.7.2:

• Fixed a bug that made it possible to set ui: 'inside' on Vimeo and YouTube videos, ui: 'outside' is now forced again for videos to avoid blocking video controls.
• Elements are now appended to the body instead of prepended to avoid some page shift with disabled stylesheets.

What is new in version 1.7.0:

• Removed the spacing option, spacing is now handled in CSS and optimized on smaller devices.
• Fixed a bug that prevented smooth resizing when a caption was visible.
• Fixed a bug that made it impossible to use 0 spacing with a caption enabled.
• Fixed a globally exposed variable.
• Removed support for the deprecated fit option.
• Improved fallbacks to avoid running unnecessary code on unsupported browsers.

What is new in version 1.6.4:

• Fixed a bug that prevented a single item from showing up when using effects: { content: { sync: false } }

What is new in version 1.6.3:

• Improved centering on mobile when changing orientation.

What is new in version 1.6.2:

• Using Fresco.show() with a position but without options didn't pass along empty options.

What is new in version 1.6.1:

• Increased default video dimensions to 1280x720. For Vimeo the dimensions are 1280x(matching height).

What is new in version 1.5.1:

• Fixed a bug where sound could keep playing after closing a video in IE10+

What is new in version 1.5.0:

• Dropped support for swipe events in favor of pinch-zoom support.
• Fixed a margin issue on vertical thumbnails.

What is new in version 1.4.11:

• Implemented a more elegant box-sizing: content-box reset.

What is new in version 1.4.8:

• Added Fresco.fallback(true/false) to toggle the fallback used when Fresco is disabled.
• Fresco API methods are now chainable, so you can do Fresco.fallback(false).disable().
• Fresco is now compatible with RequireJS.
• Added Fresco.disable/enable() methods to make it easier to disable Fresco when working with and without the API.

What is new in version 1.4.7:

• Made sure the full width of the viewport is available on touch based devices when only a single item is shown. This doubles the available space for those items, most noticeable when an item has a lot more width than height.

What is new in version 1.4.6:

• Fixed a CSS issue that made it impossible to select text in the caption with ui: 'inside' on some browsers.

What is new in version 1.4.5:

• Some CSS changes to avoid conflicts with frameworks like Bootstrap that don't keep the use of box-sizing: border-box within their own namespace but set it globally making it affect Fresco. This fixes misaligned close buttons in those cases.

What is new in version 1.4.4:

• Fixed a bug that caused onClick: 'next' not to have full width anymore.
• Fixed a bug where enabling loop disabled previous/next clicking inside the image.

What is new in version 1.4.3.1:

• Some more refactoring to improve load times in Chrome.

What is new in version 1.3.0:

• Refactored image preloading for the touch based UI to make it faster. A smaller range of images is now preloaded to work better with mobile devices that have a small cache.
• Fixed a CSS issue that could cause a subpixel border to appear in some versions of Android.

What is new in version 1.2.7:

• Fixed onClick: 'close' not working in the touch based UI.
• The touch based UI now also sets onClick: 'close' automatically if only 1 image is shown, so it can be tapped to close.

What is new in version 1.2.6:

• Added a fallback for older iPhone 3 models that don't allow upgrading to iOS 5.

What is new in version 1.2.5:

• Fixed a bug that caused a ReverenceError in iOS 4.

What is new in version 1.2.4:

• Improved performance on touch devices (faster swiping). Content is now preloaded in sets of 10 instead of preloading on each swipe.

What is new in version 1.2.2:

• Fixed a bug in 1.2.0 that caused afterPosition not to fire on touch devices.

What is new in version 1.1.4.1:

• Small tweak to 1.1.4 to prevent ghost images from showing up when dragging images.

What is new in version 1.1.2:

• Made sure that optimizations for mobile also affect the iPhone 5.

What is new in version 1.1.0:

• Added support for swipe events.

What is new in version 1.0.9.1:

• Hiding the position indicator on small devices, iPhone size or smaller, it took up too much space there.

What is new in version 1.0.9:

• Fixed a problem where scrollbars could appear inside the window on desktop browsers that incorrectly report support for touch events, like Chrome on some versions of Windows 8. Made sure that CSS rules related to touch based devices now only affect mobile browsers to guard against this.

What is new in version 1.0.5.1:

• Workaround for bad practices in Twitter Bootstrap.

What is new in version 1.0.4.3:

• Improved some effects in IE7 and below to avoid flickering.

What is new in version 1.0.4:

• Made sure that API methods are included in the fallback. Calls to Fresco.show() will work as regular links. If an array is provided the first link will be used.

What is new in version 1.0.3:

• Fixed a visual glitch in Chrome that caused white pixel fragments to appear while moving between images in some situations.

What is new in version 1.0.2:

• Fixed keyboard navigation.

What is new in version 1.0.0.1:

• Fixed a bug with viewport dimensions returned by jQuery on iOS.

Requirements:

• JavaScript enabled on client side
• jQuery 1.4.4 or higher