Code Monkey home page Code Monkey logo

lc-lightbox-lite's Introduction

LC Lightbox (LITE)

LC Lightbox is a modern jQuery lightbox focused on contents.
Totally responsive and adaptive, is extremely flexible to be tailored in the minimum details!

Hassle-free and immediate setup using an unique javascript file.
Overall plugin weight is only 46KB (JS) + 34KB (CSS)

lc-lightbox

 

Main features

  • Elements Slideshow (manually or automatically initialized)

  • Thumbnails Navigation (with customizable sizes and optional data-type icon)

  • Effective Socials Share (with WhatsApp option on mobile)

  • Element Contents (title, description and author)

  • Images "right-click" protection

  • Fullscreen mode

    • Covering only browser or entire screen space
    • Optionally forced under target screen sizes
    • Fullscreen-only mode
    • Image option to cover available space (cropping it) or to be completely shown
  • Elements direct download (not requiring PHP scripts)

  • Components Toggling (thumbnails and texts).

  • Thumbnails and texts optionally hidden by default under target screen sizes

  • Dynamic Elements Tracking

  • HTML support in element descriptions

  • 100% CSS Driven

  • (optional) Mousewheel and Keyboard elements navigation

  • Swipe integration to navigate (requires AlloyFinger)

  • Dev-oriented and well-documented methods & Events

  • 4 layouts (text over element, under element or on right/left side)

  • (optional) closing button on corner position (for inner commands)

  • (optional) navigation buttons on middle position (for inner commands)

  • Automatic fallback on text over image on small screens or whether element becomes too small

  • 3 preset skins to be used and mixed on a single page (light, dark and minimal)

  • Code projected to be easily skinned via CSS

  • Dual commands position (inside and outside lightbox window)

  • Element-based outer command forcing

  • Elements complete preload once page is loaded

  • Adapts to your page's code (you set how lightbox fetches contents from binded elements)

  • Full control on each animation/effect timing

  • Modal mode

  • Thumbnails script support (eg. easily integrates with Timthumb)

  • MUCH MORE! check lightbox options

 

Requirements

  • Any modern browser (IE 10+)
  • jQuery v1.7+
  • To implement touch actions you need to use AlloyFinger (file included in LIB folder)

 

Live Demo

https://lcweb.it/lc-lightbox

 

Documentation

https://lcweb.it/lc-lightbox/documentation

Optionally you can install the plugin via Bower, using this instruction: bower install lc-lightbox-lite

 

License

LC Lightbox LITE is free and released under the MIT license.
You can purchase the fully-featured premium version on Codecanyon

 

Extra

Premium LC Lightbox version is implemented in the premium WordPress plugin Global Gallery

 

Fun Fact

Why release starts from v1.1? LC Lightbox has been used and developed for Global Gallery WordPress plugin in 2017!


Copyright © Luca Montanari (aka LCweb)

lc-lightbox-lite's People

Contributors

chrisjudk avatar lcweb-ita avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.