Friday, June 28, 2013

JackBox Responsive Lightbox

JavaScript - JackBox - Responsive Lightbox - CodeCanyon

JackBox Responsive Lightbox his title this type of JavaScript/ImagesandMedia This time I will review,made by CodingJack, JavaScript/ImagesandMedia is sold at a price of $10 in CodeCanyon. JackBox - Responsive Lightbox - CodeCanyon Item for Sale css3 lightbox // html5 lightbox // html5 video // jquery lightbox // lightbox // lightbox image // lightbox music // lightbox video // lightbox vimeo // lightbox youtube // mobile lightbox // mouse hovers // responsive lightbox // retina // retina lightbox //
Created 24 September 12
Last Update 27 June 13
Compatible Browsers IE8, IE9, IE10, Firefox, Safari, Opera, Chrome
Software Version jQuery
Files Included JavaScript JS, HTML, CSS, PHP, SWF/FLV

The only lightbox on CodeCanyon with:

  • Deep-linking
  • Real Social Sharing
  • Retina Ready Graphics

View the WordPress Version jquery responsive lightbox

Update 6/27/13

  • Updated to jQuery 1.10.1
  • Fixed Facebook “like” button bug

Update 4/05/13

  • Updated to jQuery 1.9.1

Update 2/02/13

  • Due to multiple requests, an option to not automatically hide the page’s scrollbar has been added.
  • Keyboard events added (left/right = next/prev, up/down toggles thumbnail strip)

Update 1/21/13

If you’ve recently upgraded to jQuery 1.9 and have previously purchased JackBox, an official update is now live and can be re-downloaded from your CodeCanyon downloads page. To update, replace the following files:
  • Deploy Folder: jackbox/js/jackbox-packed.min.js
  • Source Folder: jackbox/js/libs/jquery.address-1.5.min.js
  • CodeCanyon Preview Folder: same file and path as source above
If you aren’t using jQuery 1.9 yet that’s ok as JackBox is still backwards compatible to jQuery 1.7

JackBox – A Responsive Lightbox with Real Social Sharing

JackBox was built with 2 goals in mind:
  1. Create a lightbox that worked on mobile devices, even smartphones. JackBox is “responsive”, which means it’s 100% compatible with responsive websites.
  2. Create a lightbox where every image, video and song can be inpidually shared. This means when someone “likes” one of your photos, when a friend clicks on the shared link, they’ll instantly be shown the exact photo that was originally shared.

Features Include

  • Responsive / Mobile Ready
  • Retina Ready Graphics
  • Share any item through Twitter, Facebook, Pinterest and Google+
  • Deep-linking, every item has it’s own unique link
  • Touch Swipe for Mobile Devices
  • Genuine Fullscreen for Firefox and Chrome
  • Group any items together and create item categories
  • Youtube Video w/ Mobile Fallback
  • Vimeo Video w/ Mobile Fallback
  • Automatic Youtube and Vimeo thumbnail loading
  • HTML5 Video w/ Flash backup
  • HTML5 Audio w/ Flash backup
  • Flash Video w/ Mobile Backup
  • Load HTML Divs, iFrames and Google Maps
  • A boatload of Custom Thumbnail Hovers and Tooltips
  • CSS3 Preloader for smoother animation

Options Include

  • Optional gallery-style thumbnails
  • Options to set the lightbox thumbnail width and height
  • Optional item titles and descriptions
  • Option to show the description info by default
  • Option to start with thumbnails hidden
  • Option to autoplay all videos either globally or inpidually
  • Option to zoom smaller images automatically either globally or inpidually
  • Option to preload graphics for a smoother lightbox experience

JackBox Bonuses

  • JackBoxFX
  • Standalone Responsive HTML5 Video Player w/ Flash backup

Easy Setup

View Under the Hood

JackBox Makes Thumbnails Easy

  1. First, you have the choice to load a specific thumbnail of your choice.
  2. If none are chosen, and the lightbox item is a clickable thumbnail to begin with, JackBox will grab and resize that thumbnail instead.
  3. If these options aren’t available, JackBox will then attempt to grab the large version of the lightbox image and resize it.
  4. And as a last resort, JackBox will just use a default thumbnail of your choosing.

Important Notes

  • Images, Video and Audio shown in the preview are not included in the download source and are for demonstration purposes only.
  • Please note that several of the JackBoxFX are black and white to color transitions.
  • Autoplay for video and audio is not available on mobile due to device restrictions.
  • Mobile touch swipe functionality is only available for images.
  • Fullscreen mode is not available for IE, Opera or Safari.
  • On mobile devices the page behind the lightbox will scroll to the top.
  • iframe scrolling is not supported on mobile devices
  • When sharing via Facebook, only the lightbox item’s link will get posted. Any image and title that gets posted will be explicitly chosen by Facebook.
  • The graphics and icons are retina-ready, photographs are not.
  • Support is not provided for older versions of jQuery and there is no guarantee that this item will work in older versions of jQuery.

JackBox Prerequisites

  • Experience with editing raw HTMLIf you use a WYSIWYG editor to build your websites, JackBox is not for you
  • A solid understanding of how a website’s folder hierarchy works.
  • Experience with an FTP program such as Filezilla or CyberDuck

Credits

VIDEO Photo And Typo Opener by Muko App/Service/Product Promotion by JakubVejmola Wedding Album by muratoz Sliding Presentation by Webarteo Company Timeline by DEM-G AUDIO One Fine Day by Symphony-of-Specters Your Little Planet Corp by MusicPremium Spring by SilverSnow Soft Introduction by Webarteo Got Joy by frozensatellite PREVIEW IMAGE SOCIAL BUTTONS Kim Peterson CODE LIBRARIES jQuery jQuery Address Modernizr StackBlur Jacked

More works by CodingJack

HTML5 Video Player Fullscreen Gallery

Related produck This user:CodingJack

Blades 3D Responsive & Retina Ready Banner Rotator - CodeCanyon Item for Sale TextFX2 - CSS3 Text Animations - CodeCanyon Item for Sale ZoomShowcase - Responsive Banner for WordPress - CodeCanyon Item for Sale Chameleon - HTML5 Video Player for WordPress - CodeCanyon Item for Sale Chameleon - HTML5 Video Player with Flash Backup - CodeCanyon Item for Sale JackBox - Responsive Lightbox - WordPress Plugin - CodeCanyon Item for Sale Smooth CSS3 Preloaders - CodeCanyon Item for Sale

More items by CodingJack

No comments:

Post a Comment