/LightUp

:rainbow: LightUp is a lightweight gallery lightbox designed to enable developers navigate through their pictures with ease. This plugin is easy to use

Primary LanguageCSSMIT LicenseMIT

Light Up

LightUp - A lightweight plugin base on jQuery.

LightUp is a Fast,lightweight and well simplified gallery lightbox designed to enable novice,intermediate and advance developers achieve a simple image navigation activities. This plugin is easy to use

FEATURES INCLUDE

Fullscreen - You have the option to allow fullscreen of the plugin for wider view of images
Download - You have the option to download the currently viewing image onto your computer
Information - You have the option to view information about the image , it been the size,date,time,name and others ...

USAGE

HTML

<div id="light-up">
	<a href="images/apple.jpg">
	 <img src="images/apple.jpg" alt="apple.jpg" data-img="images/apple.jpg">
	</a>
	<a href="images/balls.jpg">
	  <img src="images/balls.jpg" alt="balls.jpg" data-img="images/balls.jpg">
	</a>
</div>

Plugin

 <script>
	$("#light-up").LightUp({
		useImageAsBackground:true,
		hideHeader:true
	});
</script>

Options

useImageAsBackground: This allows the plugin to set the images as a background with blurred effect and animations. It uses boolean values ( True or False).
hideHeader: This allows the plugin to set the header visibility, as to whether to show the header or fade the header. It uses boolean values either True or False

COMING SOON

Share - You will be able to share the currently viewing image with various platforms
Autoplay - You will be able to allow the images to play automatically

CONTACT INFO

email : offeilord@gmail.com , acheampong.lord@yahoo.com

WORK IN PROGRESS