index.js 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. var Home = document.querySelector('.hero .slide');
  2. if (Home != null) {
  3. var flkty = new Flickity( Home, {
  4. cellAlign: 'left',
  5. autoPlay: true,
  6. prevNextButtons: false,
  7. fade: true,
  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 arrayEnga = document.querySelector('.tableau_engagements.row');
  39. if (arrayEnga != null) {
  40. var msnry = new Masonry(arrayEnga , {
  41. //columnWidth: '.engagement',
  42. columnWidth: '.engagement',
  43. itemSelector: '.engagement',
  44. gutter: '.gutter-sizer',
  45. percentPosition: true
  46. });
  47. }
  48. var hamburgers = document.querySelector(".hamburger");
  49. var nav = document.querySelector(".nav-main");
  50. hamburgers.addEventListener("click", function() {
  51. this.classList.toggle("is-active");
  52. nav.classList.toggle("is-active");
  53. });
  54. function paralax() {
  55. var rellax = new Rellax('.paralax', {
  56. center:true
  57. }); }
  58. function isotope() {
  59. var $grid = $('.grid').isotope({
  60. itemSelector: '.item'
  61. });
  62. $('.filter-button-group li').on( 'click', function(evt) {
  63. var filterValue = $(this).attr('data-filter');
  64. $grid.isotope({ filter: filterValue });
  65. });
  66. }
  67. $( document ).ready(function() {
  68. paralax();
  69. isotope();
  70. });