49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
jQuery(document).ready(function($) {
|
|
|
|
//window scrolls check
|
|
$(window).scroll(function() {
|
|
var topOfWindow = $(window).scrollTop();
|
|
console.log('topOfWindow',topOfWindow);
|
|
if (topOfWindow > 100) {
|
|
$("#top-bar").addClass("reduced");
|
|
}
|
|
else {
|
|
$("#top-bar").removeClass("reduced");
|
|
}
|
|
});
|
|
|
|
// init categories content images behaviour
|
|
if($('body').is('.categories')){
|
|
var $diapo = $('<div id="diaporama"></div>');
|
|
$("#categories-content")
|
|
.before($diapo)
|
|
.children('section.projet-block').each(function(index, el) {
|
|
$(this)
|
|
.addClass('projet-'+index)
|
|
.hover(function (e) {
|
|
$diapo.children().removeClass('visible');
|
|
var c = $(this).attr('class').match('projet-[0-9]+');
|
|
console.log("class",c[0]);
|
|
$diapo.children('.'+c[0]).addClass('visible');
|
|
})
|
|
.find('.projet-img')
|
|
.addClass('projet-'+index)
|
|
.appendTo($diapo);
|
|
});
|
|
$diapo.children('.projet-img').first().addClass('visible');
|
|
}
|
|
|
|
// init Masonry
|
|
var $grid = $('.grid').masonry({
|
|
itemSelector: '.grid-block'
|
|
// columnWidth: 200
|
|
});
|
|
// layout Masonry after each image loads
|
|
// $grid.imagesLoaded().progress( function() {
|
|
// $grid.masonry('layout');
|
|
// });
|
|
|
|
|
|
|
|
});
|