DevWael / lightbox2

A modified copy of lightbox 2 that adds data-description and data-description-link as attributes to the image link to display them below the image title when the lightbox opens

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Lightbox2

The original lightbox script.

A modified copy of lightbox 2 that adds data-description and data-description-link as attributes to the image link to display them below the image title when the lightbox opens

<a href="full_image_link" class="lightbox-class" data-lightbox="lightbox-images" 
  title="your main title" data-description="the new description" data-description-link="the new description link"> 
	<img src="url_to_small_image" class="jnc-small-lightbox-image" alt="image alt">
</a>

Lightbox is small javascript library used to overlay images on top of the current page. It's a snap to setup and works on all modern browsers.

  • Demos and usage instructions. Visit the Lightbox homepage to see examples, info on getting started, script options, how to get help, and more.
  • Releases and Changelog. Viewable on the Github Releases page
  • Roadmap. View the Roadmap for a peek at what is being planned for future releases.
  • License. Lightbox is licensed under the MIT License. Learn more about the license.

by Lokesh Dhakar


Info for Maintainers

Local development

  • Install Bower and Grunt.
  • Install jQuery dependency with Bower: bower install
  • Start local server: grunt
  • Navigate to localhost:8000/examples
  • Update examples/index.html to load src/js/lightbox.js and jQuery.

About

A modified copy of lightbox 2 that adds data-description and data-description-link as attributes to the image link to display them below the image title when the lightbox opens

License:MIT License


Languages

Language:JavaScript 86.2%Language:CSS 13.8%