Advertisement
oscarviedma

CDN e Inicializador de parallax.js y tilt.js con divi

Jun 16th, 2022
1,330
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.99 KB | None | 0 0
  1. <script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
  2. <script src="https://cdnjs.cloudflare.com/ajax/libs/tilt.js/1.2.1/tilt.jquery.min.js"></script>
  3.  
  4. <script>
  5. // Parrallax.js Mouse Scroll
  6. jQuery(function($){
  7. $( ".img-01" ).attr( "data-depth", "0.7" );
  8. $( ".img-02" ).attr( "data-depth", "0.3" );
  9. $( ".img-03" ).attr( "data-depth", "0.4" );
  10. $( ".img-04" ).attr( "data-depth", "0.8" );
  11. $( ".img-05" ).attr( "data-depth", "0.3" );
  12. $( ".img-06" ).attr( "data-depth", "0.5" );
  13. $( ".img-07" ).attr( "data-depth", "0.6" );
  14.  
  15. var parallaxMouseScroll = $('#ov-galeria-3d').get(0);
  16. var parallaxInstance = new Parallax(parallaxMouseScroll, {
  17. relativeInput: true,
  18. pointerEvents: true
  19. });
  20.  
  21. });
  22. </script>
  23.  
  24. <script>
  25. // Tilt.js
  26. jQuery(document).ready(function( $ ){
  27. $('#ov-galeria-3d .et_pb_image_wrap').tilt({
  28. perspective: 600,
  29. scale: 1,
  30. speed: 600,
  31. glare: false,
  32. maxGlare: 1,
  33. });
  34. });
  35. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement