index.js 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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. //ajout chloe drag
  19. $( function() {
  20. $( "#draggable" ).draggable();
  21. } );
  22. var slide_tpsF = document.querySelectorAll('.tpsF .slide');
  23. if (slide_tpsF != null) {
  24. for (var i = 0; i < slide_tpsF.length; i++) {
  25. var flkty = new Flickity( slide_tpsF[i], {
  26. // options
  27. cellAlign: 'left',
  28. autoPlay: true,
  29. pageDots: false
  30. });
  31. }
  32. }
  33. var Partenaires = document.querySelector('.container_slide ul');
  34. if (Partenaires != null) {
  35. var flkty = new Flickity( Partenaires, {
  36. cellAlign: 'left',
  37. pageDots: false
  38. // groupCells: true,
  39. // carousel-cell: true,
  40. });
  41. }
  42. var arrayEnga = document.querySelector('.tableau_engagements.row');
  43. if (arrayEnga != null) {
  44. var msnry = new Masonry(arrayEnga , {
  45. //columnWidth: '.engagement',
  46. columnWidth: '.engagement',
  47. itemSelector: '.engagement',
  48. gutter: '.gutter-sizer',
  49. percentPosition: true
  50. });
  51. }
  52. var hamburgers = document.querySelector(".hamburger");
  53. var nav = document.querySelector(".nav-main");
  54. hamburgers.addEventListener("click", function() {
  55. this.classList.toggle("is-active");
  56. nav.classList.toggle("is-active");
  57. });
  58. function paralax() {
  59. var rellax = new Rellax('.paralax', {
  60. center:true
  61. }); }
  62. function isotope() {
  63. var $grid = $('.grid').isotope({
  64. itemSelector: '.item'
  65. });
  66. $('.filter-button-group li').on( 'click', function(evt) {
  67. var filterValue = $(this).attr('data-filter');
  68. $grid.isotope({ filter: filterValue });
  69. });
  70. }
  71. $( document ).ready(function() {
  72. paralax();
  73. isotope();
  74. });