????
Your IP : 216.73.216.164
<!doctype html>
<html lang="en">
<head><script src="//cdn.optimizely.com/js/1865631164.js"></script>
<meta charset="utf-8" />
<title>jQuery Masonry</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="css/style.css" />
<script src="js/modernizr-transitions.js"></script>
<!-- scripts at bottom of page -->
</head>
<body class="homepage ">
<section id="content">
<div id="container" class="transitions-enabled clearfix">
<div class="item big-text loading">
<img src="http://i.imgur.com/6RMhx.gif" />
Loading Examples
</div>
</div>
<script src="js/jquery-1.7.1.min.js"></script>
<script src="jquery.masonry.min.js"></script>
<script>
$(function(){
var $container = $('#container');
$('#mini-container').masonry({
columnWidth: 50
});
$container.masonry({
itemSelector: '.item',
columnWidth: 240,
isAnimated: !Modernizr.csstransitions
});
// Sites using Masonry markup
var $sites = $('#sites'),
$loadingItem = $container.find('.loading');
var ajaxError = function(){
$loadingItem.text('Could not load examples :(');
};
// dynamically load sites using Masonry from Zootool
$.getJSON('')
.error( ajaxError )
.success(function( data ){
// proceed only if we have data
if ( !data || !data.length ) {
ajaxError();
return;
}
var items = [],
item, datum;
for ( var i=0, len = data.length; i < len; i++ ) {
datum = data[i];
item = '<div class="item example"><a href="' + datum.url + '">'
+ '<img src="' + datum.image.replace('/l.', '/m.') + '" />'
+ '<b>' + datum.title + '</b>'
+ '</a></div>';
items.push( item );
}
var $items = $( items.join('') );
$items.imagesLoaded(function(){
$container
.masonry( 'remove', $loadingItem ).masonry()
.append( $items ).masonry( 'appended', $items, true );
});
});
});
</script>
</section> <!-- #content -->
<!-- Hotjar Tracking Code for wanderfuls.com -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:78806,hjsv:5};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script></body>
</html>