Advertisement
oscarviedma

Código jQuery para inicializar swiper js en galería masonsry

Jan 20th, 2023
1,673
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.93 KB | None | 0 0
  1. <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
  2. <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
  3.  
  4. <script>
  5. jQuery(function($){
  6. // Envolver las secciones especiales en un div swiper-wrapper
  7. $( ".ov-seccion-slider-masonry" ).wrapAll( "<div class='ov-swiper-masonry'><div class='swiper-wrapper'></div></div>" );
  8.  
  9. // Insertar la paginacion flechas swiper js
  10. $( '<div class="swiper-button-next"></div><div class="swiper-button-prev"></div>' ).insertAfter( ".swiper-wrapper" );
  11. });
  12. </script>
  13.  
  14. <script>
  15. // Inicializar slider ovSwiperMasonry
  16. jQuery(document).ready(function( $ ) {
  17. var ovSwiperMasonry = new Swiper(".ov-swiper-masonry", {
  18. slidesPerView: 1,
  19. spaceBetween: 0,
  20. freeMode: true,
  21. speed: 1500,
  22. loop: true,
  23. grabCursor: true,
  24. navigation: {
  25. nextEl: ".swiper-button-next",
  26. prevEl: ".swiper-button-prev",
  27. },
  28. });
  29. });
  30. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement