Eversnap jQuery plugin

Examples

#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">
	$(document).ready(function(){
		$('#gallery').weddingsnap({
			albumcode: 'public'
		});
	});
</script>

Part 3 - Available Options

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