Ingen beskrivning
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

allInOne.js 2.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. $('.owl-carousel').owlCarousel({
  2. // rtl:true,
  3. // loop:true,
  4. margin:200,
  5. nav:true,
  6. URLhashListener:true,
  7. autoplayHoverPause:true,
  8. responsiveClass:true,
  9. responsive:{
  10. 0:{
  11. items:1,
  12. nav:true,
  13. margin:10
  14. },
  15. 600:{
  16. items:2,
  17. nav:false,
  18. margin:200
  19. },
  20. 1000:{
  21. items:3,
  22. nav:true,
  23. loop:false,
  24. margin:10
  25. },
  26. 1400:{
  27. items:5,
  28. nav:true,
  29. loop:false,
  30. margin:200
  31. }
  32. }
  33. })
  34. const controller = new ScrollMagic.Controller();
  35. const exploreSence = new ScrollMagic.Scene({
  36. triggerElement:".animateHeadingLeft",
  37. triggerHook:0.5,
  38. reverse:false
  39. }).setClassToggle('.animateHeadingLeft','addTextanimationLeft').addTo(controller)
  40. const controllerNew = new ScrollMagic.Controller();
  41. new ScrollMagic.Scene({
  42. triggerElement:".animateHeadingRight",
  43. triggerHook:0.9,
  44. reverse:false
  45. }).setClassToggle('.animateHeadingRight','addTextanimationRight').addTo(controllerNew)
  46. const controllerThree = new ScrollMagic.Controller();
  47. new ScrollMagic.Scene({
  48. triggerElement:".laptoponanimation",
  49. triggerHook:0.9,
  50. reverse:false
  51. }).setClassToggle('.laptoponanimation','addOpacity').addTo(controllerThree)
  52. const controllerFour = new ScrollMagic.Controller();
  53. new ScrollMagic.Scene({
  54. triggerElement:".allinOnepc",
  55. triggerHook:0.9,
  56. reverse:false
  57. }).setClassToggle('.allinOnepc','addOpacity').addTo(controllerFour)
  58. const controllerFive = new ScrollMagic.Controller();
  59. new ScrollMagic.Scene({
  60. triggerElement:".dualLaptopSlideone",
  61. triggerHook:0.9,
  62. reverse:false
  63. }).setClassToggle('.dualLaptopSlideone','addTextanimationRight').addTo(controllerFive)
  64. const controllerSix = new ScrollMagic.Controller();
  65. new ScrollMagic.Scene({
  66. triggerElement:".dualLaptopSlideLeftone",
  67. triggerHook:0.9,
  68. reverse:false
  69. }).setClassToggle('.dualLaptopSlideLeftone','dualLaptopSlideLeftoneLeft').addTo(controllerSix)
  70. const controllerSeven = new ScrollMagic.Controller();
  71. new ScrollMagic.Scene({
  72. triggerElement:".cpuSlideLeftone",
  73. triggerHook:0.9,
  74. reverse:false
  75. }).setClassToggle('.cpuSlideLeftone','traslateZero').addTo(controllerSeven)
  76. const controllerEight = new ScrollMagic.Controller();
  77. new ScrollMagic.Scene({
  78. triggerElement:".controllerEight",
  79. triggerHook:0.9,
  80. reverse:false
  81. }).setClassToggle('.controllerEight','traslateZero').addTo(controllerSeven)