Add support for fancy fluidbox #75

Updated base template
This commit is contained in:
Anthony Oduor 2015-01-30 08:22:01 +03:00
commit 688fc0fbae
4 changed files with 100 additions and 1 deletions

View file

@ -46,6 +46,25 @@
<script src="{{ SITEURL }}/theme/js/jquery.min.js"></script>
<script src="{{ SITEURL }}/theme/js/bootstrap.min.js"></script>
<script src="{{ SITEURL }}/theme/js/jquery.fluidbox.min.js"></script>
<script>
$('.full-post a[data-fluidbox]').fluidbox();
// Trigger recomputing on Flexbox items, sometimes buggy width calculations due to browser recomputation of flex items
$('.cols').each(function() {
var a = [],
$f = $(this).find('a.fluidbox');
$f.find('img').each(function() {
var i = $.Deferred();
$(this).load(i.resolve).error(i.resolve);
a.push(i);
});
$.when.apply(null, a).done(function() {
$f.trigger('recompute');
});
});
</script>
</body> <!-- 42 -->
</html>