Angular Colorbox is directive for the lightweight customizable lightbox Colorbox plugin.
Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+
Via Bower:
bower install angular-colorbox
Via npm:
npm install angular-colorbox
In a browser:
<link rel="stylesheet" type="text/css" href="https://github.com/igorlino/angular-colorbox/blob/master/themes/dark/colorbox-darktheme.css" media="screen" />
<script src="https://github.com/igorlino/angular-colorbox/raw/master/jquery.colorbox.js"></script>
<script src="https://github.com/igorlino/angular-colorbox/raw/master/angular-colorbox.js"></script>
Include the Colorbox plug-in and the directive on a page.
Basic via attribute
<img id="cb_01" src="https://github.com/igorlino/angular-colorbox/raw/master/path_to_image" colorboxable>
Options via attribute
<img id="cb_01" src="https://github.com/igorlino/angular-colorbox/raw/master/path_to_image" colorboxable="{opacity:0.5}">
Basic via tag
<img id="cb_02" src="https://github.com/igorlino/angular-colorbox/raw/master/path_to_image" >
<colorbox box-for="cb_02" />
Options via tag
<img id="cb_03" src="https://github.com/igorlino/angular-colorbox/raw/master/path_to_image" >
<colorbox box-for="cb_03" options="{href:'images/large/image1.jpg', opacity:0.5, title:'A nice colorbox' }" />
For more information on how to setup and customise, check the examples.
Licensed under MIT license.