Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

angular-fancybox-plus

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-fancybox-plus

Angular directive for FancyBox-Plus, the jQuery lightbox and modal window plugin.

  • 1.0.3
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
47
decreased by-47.78%
Maintainers
1
Weekly downloads
 
Created
Source

Angular FancyBox Plus

Angular FancyBox Plus is directive for the lightweight customizable lightbox FancyBox plus plugin.

Features

  • Flexible Angular directive
  • Can display images, HTML elements, SWF movies, Iframes and also Ajax requests
  • Customizable through settings and CSS
  • Groups related items and adds navigation.
  • If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well
  • Support fancy transitions by using easing plugin
  • Adds a nice drop shadow under the zoomed item

Installation

Via Bower:

bower install angular-fancybox-plus

Via npm:

npm install angular-fancybox-plus

In a browser:

<script src="jquery.fancybox-plus.js"></script>
<script src="angular-fancybox-plus.js"></script>

Getting Started

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

Basic via attribute

<a id="fbplus_01" href="path_to_image" fancyboxable>

Options via attribute

<a id="fbplus_01" href="path_to_image" fancyboxable="{padding:30}">

Basic via tag

<a id="fbplus_02" href="path_to_image" >
<fancybox box-for="fbplus_02" />

Options via tag

<a id="fbplus_03" href="path_to_image" >
<fancybox box-for="fbplus_03"  options="{href:'images/large/image1.jpg', title:'A nice fancybox' }" />

For more information on how to setup and customise, check the examples.

License

Licensed under MIT license.

Keywords

FAQs

Package last updated on 08 Feb 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc