index.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. var Home = document.querySelector('.hero .slide');
  2. if (Home != 'null') {
  3. var flkty = new Flickity( Home, {
  4. // options
  5. cellAlign: 'left',
  6. autoPlay: true,
  7. prevNextButtons: false
  8. });
  9. }
  10. var prive = document.querySelector('.prive .__slide');
  11. if (prive != 'null') {
  12. var flkty = new Flickity( prive, {
  13. // options
  14. cellAlign: 'left',
  15. autoPlay: true,
  16. })
  17. }
  18. var slide_tpsF = document.querySelectorAll('.tpsF .slide');
  19. if (slide_tpsF != 'null') {
  20. for (var i = 0; i < slide_tpsF.length; i++) {
  21. var flkty = new Flickity( slide_tpsF[i], {
  22. // options
  23. cellAlign: 'left',
  24. autoPlay: true,
  25. pageDots: false
  26. });
  27. }
  28. }
  29. var Partenaires = document.querySelector('.container_slide ul');
  30. // if (Partenaires != 'null') {
  31. var flkty = new Flickity( Partenaires, {
  32. cellAlign: 'left',
  33. pageDots: false
  34. // groupCells: true,
  35. // carousel-cell: true,
  36. });
  37. // }
  38. var msnry = new Masonry( '.tableau_engagements.row', {
  39. columnWidth: '.engagement',
  40. itemSelector: '.engagement',
  41. percentPosition: true
  42. });
  43. var hamburgers = document.querySelector(".hamburger");
  44. var nav = document.querySelector(".nav-main");
  45. hamburgers.addEventListener("click", function() {
  46. this.classList.toggle("is-active");
  47. nav.classList.toggle("is-active");
  48. });
  49. var elem = document.querySelector('.grid');
  50. var iso = new Isotope( elem, {
  51. itemSelector: '.item',
  52. layoutMode: 'fitRows'
  53. });
  54. var filtersElem = document.querySelector('.filter-button-group');
  55. filtersElem.addEventListener( 'click', function( event ) {
  56. var filterValue = event.target.getAttribute('data-filter');
  57. iso.arrange({ filter: filterValue });
  58. });