script.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. jQuery(document).ready(function($) {
  2. // init categories content images behaviour
  3. if($('body').is('.categories')){
  4. var $diapo = $('<div id="diaporama"></div>');
  5. $("#categories-content")
  6. .before($diapo)
  7. .children('section.projet-block').each(function(index, el) {
  8. $(this)
  9. .addClass('projet-'+index)
  10. .hover(function (e) {
  11. $diapo.children().removeClass('visible');
  12. var c = $(this).attr('class').match('projet-[0-9]+');
  13. console.log("class",c[0]);
  14. $diapo.children('.'+c[0]).addClass('visible');
  15. })
  16. .find('.projet-img')
  17. .addClass('projet-'+index)
  18. .appendTo($diapo);
  19. });
  20. $diapo.children('.projet-img').first().addClass('visible');
  21. }
  22. // init Masonry
  23. var $grid = $('.grid').masonry({
  24. itemSelector: '.grid-block'
  25. // columnWidth: 200
  26. });
  27. // layout Masonry after each image loads
  28. // $grid.imagesLoaded().progress( function() {
  29. // $grid.masonry('layout');
  30. // });
  31. });