Eversnap jQuery plugin

Put Eversnap on your website with our javascript plugin


#1 - Displaying images from Eversnap, we need only your album code!

How to use

Part 1 - Setup

This Plugin uses the jQuery framework. Load jQuery and our plugin javascript files in the proper order.

<script src="js/jquery-1.8.2.min.js"></script>
<script src="http://wedding.eversnapapp.com/site/plugin/js?v1"></script>

You can use also Eversnap with the Fancybox plugin, but you need it. So, firstly download the Fancybox plugin and then load it after jQuery and before weddingsnap javascript declarations.

<!-- jQuery Framework -->
<script src="js/jquery-1.8.2.min.js"></script>
<!-- Fancybox -->
<link rel="stylesheet" href="fancybox/jquery.fancybox.css?v=2.1.2" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js?v=2.1.2"></script>
<!-- Eversnap Plugin -->
<script src="http://wedding.eversnapapp.com/site/plugin/js?v1"></script>

Include the Eversnap CSS file.

<link href="http://wedding.eversnapapp.com/site/plugin/css?v1" rel="stylesheet" type="text/css" media="all" />

Part 2 - Activate

Attach weddingsnap plugin when the document is loaded and declare your album code. If you are not familiar with jQuery, please, read this tutorial for beginners.

<script type="text/javascript">
			albumcode: 'public'

Part 3 - Available Options

You can pass these options as key/value object to weddingsnap() method.

option description
albumcode Declare your album code to show the photos from it. String; Default value: 'public'
limit Maximum number of photos to show in your page. If 0 it show all the photos. Integer; Default value: 0
fancybox If set to true, Eversnap plugin will use the fancybox plugin to show the photos. Boolean; Default value: false
linkClass Default class to give to every link tag that contain the image. String; Default value: 'fancybox'
fullAlbum Default text to show for the "Full Album" link. String; Default value: 'Full album'


You can ask questions, send feedbacks or report bugs sending a mail to our developer: [email protected]