Socket
Socket
Sign inDemoInstall

angular-fancybox-plus

Package Overview
Dependencies
3
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

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.


Version published
Weekly downloads
130
decreased by-20.73%
Maintainers
1
Created
Weekly downloads
 

Readme

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

Last updated on 08 Feb 2016

Did you know?

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc