12 New And Beautiful Lightbox With Thumbnails Resources
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Support thumbnails for the grid only to the images you want to improve performance
Fully Responsive Grid and Lightbox
Lightbox with slideshow (play, pause, auto-play)
Compatible with lightbox thumbnails
IE was showing fat images in the lightbox and now is fix
Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox
Horizontal Gridfolio Pro is a fully responsive media grid plugin that allows you to display media content with an unique and original layout. When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, no action or open a webpage. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo. Horizontal Gridfolio Pro can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the grid must be installed manually with thumbnails HTML code and the images uploaded with a ftp client, we have inclulded a tutorial about how to install it in Wordpress. We have also included full documentation, examples pages and PSD files along with eight skins.Responsive / Flexible / Fluid layout: the grid can be used with three display types, responsive/fixed, fluid width or fullscreen.Drag or Scroll Function: The grid can be dragged with the mouse/finger or scrolled like a regular HTML page.Mouse wheel support: The grid can be scrolled with the mouse wheel (optional).Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional). The thumbnails can be also static, this means that nothing will happen when the mouse is over them or they are clicked/touched.“More thumbs feature”: this is an awesome feature which improves the overall performance and speed of loading because in this way not all the thumbnails are loaded and displayed at once. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “More thumbs” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “More thumbs” button is pressed again the 20 remaining thumbnails are showed. The number of thumbnails to load per set is customizable, it does not have to be 50 it can be any number that you consider. This feature is optional, if it is disabled all thumbnails are loaded and displayed. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, iframe (html pages) or videos loaded from YouTube or Vimeo.Lightbox main features.Iframe support: The lightbox can display HTML pages, all you have to do is to include the link of your page that you want to display.Image support: The lightbox can load and display .Info button and info window: Each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).
Please note that this script will only work with albums that are set to public and visible.Pagination Feature (smart pagination, set number of thumbnails per page, set number of pages or no pagination)
LazyLoad Feature for thumbnails (will only load images when thumbnails are in view)
Includes a tool-tip plugin (qTip2) with several design options; although it is possible to use your own tool-tip solution
Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions
Can be embedded via iFrame with automatic height adjustment for iFrame; all lightboxes will open full-screen in parent document (still requires all files to be on the same domain)
Some online webdesign services are very restrictive with the kind of external content you are allowed to add to your website, so please check with your service provider before buying.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)
responsive design – book resizes so it fits screen width or screen height depending on the layout, thumbnails are placed horizontally or vertically depending on the layout
optimized for mobile – look and feel of a native app on mobile with touch swipe, pinch zoom etc
lightbox or full page
show all pages – vertical or jQuery slideshow with horizontal thumbnails depending on the layout, with scrollbar, optimized for mobile devices
advanced zooming support with mouse wheel zoom on desktop, pinch zoom on mobile, scrollbars when zoomed, touch swipe, click and drag
” to avoid conflict with other css files
added lightbox mode – book can be opened in a lightbox when clicked on a book cover
more realistic 3d flip with shadow effect
Fixed bug with loading xml in IE9
Support for multiple categories, of course it can still be used with a single category as before.Lightbox Iframe support.Lightbox description autoopen (open item description without pressing the info button).Added an extra way to close the lightbox by pressing outside the item area. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Customizable thumbnails size and geometry: this feature allows you to change the size of the thumbnails and the space between thumbnails. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable, also the thumbnails border color can be tweened from a normal color to a selected color. Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the background color and opacity also can be modified (optional). “Load more thumbnails feature”: this is an awesome feature which improves the overall performance and speed of loading because in this way not all the thumbnails are loaded and displayed at once. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. The number of thumbnails to load per set is customizable, it does not have to be 50 it can be any number that you consider. This feature is optional, if it is disabled all thumbnails are loaded and displayed. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo.Lightbox main features:
Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).2013 – Bug fix related to the lightbox when it is zoomed on Chrome and better detection for mobile devices.
Customize this slider with just a little HTML and CSS to your very needs. Settings are made with javascript. All information is taken quickly with ajax.Using Fancybox Image, Dribbble thumbnails and flickr thumbnails uses Lightbox
Image Gallery with Vertical Thumbnail Navigator
When touch and drag the slider with finger on a touch device like iphone (iOS, Android, Windows Surface), the slider will move left/right or up/down.Responsive at realtime, scale smoothly with no delay
If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at real time with no delay, no stop of animation. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly. slider (1%), slider with caption (4%), slider with slideshow (~4%)
Jssor slider comes with 360+ impressive slideshow effects/transitions
Jssor slider comes with 390+ impressive caption effects/transitions
It comes with 25+ (still growing) professional themes.Optional thumbnails, tabs or bullets navigation
Position of thumbnails, tabs and bullets are adjustable, can be vertical or horizontal
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
Slider can be put anywhere (lightbox, or any container)
NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device. It hides the thumbnails on small screens to keep the media visible.
AutoPlay with Delay Time for Each Slide.Show/Hide Slider Navigation ( Thumbnails ).TileBox – Modern Responsive LightBox CSS
MetroBox – Responsive LightBox
Please note that this script will only work with JavaScript new image that belong to businesses or organization or pages that are registered as fan pages.Pagination Feature (smart pagination, set number of thumbnails per page, set number of pages or no pagination)
LazyLoad Feature for thumbnails (will only load images when thumbnails are in view)
Includes a tool-tip plugin (qTip2) with several design options; although it is possible to use your own tool-tip solution
Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions
Can be embedded via iFrame with automatic height adjustment for iFrame; all lightboxes will open full-screen in parent document (still requires all files to be on the same domain)
Some online webdesign services are very restrictive with the kind of external content you are allowed to add to your website, so please check with your service provider before buying.Once you purchased the script, you will receive a full manual that explains all available settings and also includes some information about the generated markup and how to target / call tool-tip content and image links with alternative plugins.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)
Added lazy-load feature for all album and photo thumbnails HTML
Added Option to match album thumbnail look with jQuery thumbnail slider look
Floating Control Bar now available for album and photo thumbnails
Added optional second back button below album detail view for albums with many pictures
Added third lightbox (prettyPhoto)
Added internal check for empty Facebook albums or albums with undefined content that would otherwise break the script
Added second optional lightbox (fancyBox)
Please note that this script will only work with albums that are set to public and visible.Pagination Feature (smart pagination, set number of thumbnails per page, set number of pages or no pagination)
LazyLoad Feature for thumbnails (will only load images when thumbnails are in view)
Includes a tool-tip plugin (qTip2) with several design options; although it is possible to use your own tool-tip solution
Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions
Can be embedded via iFrame with automatic height adjustment for iFrame; all lightboxes will open full-screen in parent document (still requires all files to be on the same domain)
Some online webdesign services are very restrictive with the kind of external content you are allowed to add to your website, so please check with your service provider before buying.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)
Fully responsive 3D carousel that allows to display media or slider HTML content jQuery with an unique and original layout. Packed with tone of options allowing you to control the layout of your 3D carousel in the way that pleases you the most. Support for multiple categories and each category can have it’s own set of thumbnails. Original media lightbox that we have coded, with image, vimeo, youtube or iframe support. The lightbox can be used when a thumbnail is clicked to display media content. Royal 3D Carousel can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with slideshow HTML code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress). Three skins along with the PSD files included!