Lazy load of thumbnails image (images are loaded only when displayed in the viewport).Įxtends the viewport area (in pixel) for thumbnails image lazy load.Īutomatically lower the last row height to avoid layout breaks (only for justified layout - thumbailWidth='auto'). Transition animation used to display each thumbnail. Interval in ms between the display of the thumbnails. Note: the parameter is ignored when 'touchAnimation=false'. 1= disabled (user needs to tap twice to open the thumbnail),Ġ= automatic (the plugin will determine automatically the delay). Sets a timer to delay execution of the back animation (in milliseconds).Įnables thumbnail hover animation on touch event (= tap twice to show the image).ĭelay in ms before opening the touched thumbnail. Please note that this is not supported with transit.jsĪ number determining how long the back animation will run (in milliseconds).Ī string indicating which easing function to use for the back transition. Sets a timer to delay execution of the animation (in milliseconds) To activate it, just include the plugin in the of your page:Ī number determining how long the animation will run (in milliseconds).Ī string indicating which easing function to use for the transition. NanoGALLERY supports additionally 'Transit jQuery plugin' which provides better animation performances in some cases. The effect will also be triggered by 'tap' on touch-screen.Ĭombinations: define multiple effect names in the parameter to combine them.Įxample: thumbnailHoverEffect='borderDarker,labelAppear75' Possible values: 'none', 'title', 'description' Possible values: '%filename', '%filenameNoExt'ĭisplays the number of items per photo album. Variable to set the image title (undescores are replaced by spaces). Possible values: 'right', 'center', 'left' Possible values: 'overImageOnBottom', 'overImageOnTop', 'overImageOnMiddle', 'onBottom' ThumbnailHoverEffect: 'labelAppear75,slideDown', ThumbnailWidth: 120, thumbnailHeight: 120, This shows you also how to change the label 'List of Albums' (parameter 'breadcrumbHome').įor this example, you also need to include Font Awesome in the HEAD of your page. It's defined twice: one is used by default (breadcrumbHome) and the other one is used on devices in french (breadcrumbHome_FR).Ī search icon is displayed in the thumbnail description. The breadcrumd home icon is replaced by a camera icon. So what's next? Take the tour to find out more, or try it out by downloading the Free Lite version.This example shows you how to use icons from Font Awesome. Maybe you're a designer or developer adding galleries to client websites? Or a photographer or artist with a portfolio to display? Or perhaps a blogger showing off your latest photos? Whatever the case, Juicebox is a great image gallery solution. The Lite version is free to use, and the Pro version requires a one-time purchase per domain. Juicebox comes in 2 versions: the Lite version and the fully-featured Pro version. Check out the full feature list to see how Juicebox is the perfect solution for your online image gallery.AutoPlay, Music playback and over 100 customization options. SEO, Social Sharing and Shopping Cart support built in.Easy Gallery Creation with our free JuiceboxBuilder desktop app or build galleries with WordPress, Lightroom, PhotoShop, NextGen and more.Beautiful, Responsive User Interface featuring intuitive image navigation and smart image pre-loading.Runs on Windows, Mac, Linux, Android and iOS. Juicebox is future-proof and built from the ground up with modern web standards (HTML5 and JavaScript) to work on all devices.įull browser support for Chrome, Safari, Microsoft Edge, Firefox, Opera and Internet Explorer 8+.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |