JarCasting
JarCasting JarCasting

angular-colorbox

WebJar for angular-colorbox

License

License

MIT
Categories

Categories

Github Development Tools Version Controls Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

github-com-igorlino-angular-colorbox
Last Version

Last Version

1.1.5
Release Date

Release Date
Type

Type

jar
Description

Description

angular-colorbox
WebJar for angular-colorbox
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/igorlino/angular-colorbox

Download github-com-igorlino-angular-colorbox

Filename Size
github-com-igorlino-angular-colorbox-1.1.5.pom
github-com-igorlino-angular-colorbox-1.1.5.jar 1 MB
github-com-igorlino-angular-colorbox-1.1.5-sources.jar 22 bytes
github-com-igorlino-angular-colorbox-1.1.5-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-igorlino-angular-colorbox/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-igorlino-angular-colorbox</artifactId>
    <version>1.1.5</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-igorlino-angular-colorbox/
implementation 'org.webjars.bower:github-com-igorlino-angular-colorbox:1.1.5'
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-igorlino-angular-colorbox/
implementation ("org.webjars.bower:github-com-igorlino-angular-colorbox:1.1.5")
'org.webjars.bower:github-com-igorlino-angular-colorbox:jar:1.1.5'
<dependency org="org.webjars.bower" name="github-com-igorlino-angular-colorbox" rev="1.1.5">
  <artifact name="github-com-igorlino-angular-colorbox" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='github-com-igorlino-angular-colorbox', version='1.1.5')
)
libraryDependencies += "org.webjars.bower" % "github-com-igorlino-angular-colorbox" % "1.1.5"
[org.webjars.bower/github-com-igorlino-angular-colorbox "1.1.5"]

Dependencies

compile (3)

Group / Artifact Type Version
org.webjars.bower : jquery jar [2.1.1,2.2)
org.webjars.bower : angular jar [1.3.4,1.4)
org.webjars.bower : jquery-colorbox jar [1.6.1,1.7)

Project Modules

There are no modules declared in this project.

Angular Colorbox

Angular Colorbox is directive for the lightweight customizable lightbox Colorbox plugin.

Features

Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+

  • Flexible Angular directive
  • Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped).
  • Appearance is controlled through CSS so it can be restyled.
  • Can be extended with callbacks & event-hooks without altering the source files.
  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
  • Preloads upcoming images in a photo group.
  • Colorbox is currently used on more than 2 million websites.

Installation

Via Bower:

bower install angular-colorbox

Via npm:

npm install angular-colorbox

In a browser:

<link rel="stylesheet" type="text/css" href="themes/dark/colorbox-darktheme.css" media="screen" />
<script src="jquery.colorbox.js"></script>
<script src="angular-colorbox.js"></script>

Getting Started

Include the Colorbox plug-in and the directive on a page.

Basic via attribute

<img id="cb_01" src="path_to_image" colorboxable>

Options via attribute

<img id="cb_01" src="path_to_image" colorboxable="{opacity:0.5}">

Basic via tag

<img id="cb_02" src="path_to_image" >
<colorbox box-for="cb_02" />

Options via tag

<img id="cb_03" src="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.

License

Licensed under MIT license.

Versions

Version
1.1.5