# post-carousel/2.4.17/admin/assets/js/preview.js

Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News, version 2.4.17. 152 lines.

- Page: https://pluginprobe.com/plugins/post-carousel/2.4.17/code/admin/assets/js/preview.js
- Raw: https://pluginprobe.com/plugins/post-carousel/2.4.17/raw/admin/assets/js/preview.js
- Modified: 2022-12-07T13:00:56+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/post-carousel/2.4.17/code/admin/assets/js/preview.js#L10-L20`.

```javascript
jQuery(document).ready(function ($) {
  if ($('.sp-pcp-container').length > 0) {
    $('.sp-pcp-container').each(function () {

      var pcp_container = $(this),
        pcp_container_id = pcp_container.attr('id'),
        PCP_Wrapper_ID = '#' + pcp_container_id,
        // pc_sid = $(PCP_Wrapper_ID).data('sid'), // The Shortcode ID.
        pcpCarousel = $('#' + pcp_container_id + ' .sp-pcp-carousel'),
        /* pcpfilter = $('#' + pcp_container_id + '.pcp-filter-wrapper'),
        ajaxurl = sppcp.ajaxurl,
        nonce = sppcp.nonce, */
        pcpCarouselData = pcpCarousel.data('carousel');
      if (pcpCarousel.length > 0) {
        // Carousel Swiper for Standard mode.
        var pcpSwiper = new Swiper('#' + pcp_container_id + ' .sp-pcp-carousel', {
          speed: pcpCarouselData.speed,
          slidesPerView: pcpCarouselData.slidesPerView.mobile,
          spaceBetween: pcpCarouselData.spaceBetween,
          loop: pcpCarouselData.loop,
          loopFillGroupWithBlank: true,
          autoHeight: pcpCarouselData.autoHeight,
          simulateTouch: pcpCarouselData.simulateTouch,
		  freeMode: pcpCarouselData.freeMode,
          allowTouchMove: pcpCarouselData.allowTouchMove,
          centeredSlides: pcpCarouselData.center_mode,
          mousewheel: pcpCarouselData.slider_mouse_wheel,
          lazy: pcpCarouselData.lazy,
          //grabCursor: true,
          pagination:
            pcpCarouselData.pagination == true
              ? {
                el: '.swiper-pagination',
                clickable: true,
                dynamicBullets: pcpCarouselData.dynamicBullets,
                renderBullet: function (index, className) {
                  if (pcpCarouselData.bullet_types == 'number') {
                    return (
                      '<span class="' +
                      className +
                      '">' +
                      (index + 1) +
                      '</span>'
                    )
                  } else {
                    return '<span class="' + className + '"></span>'
                  }
                }
              }
              : false,
          autoplay: {
            delay: pcpCarouselData.autoplay_speed
          },
          navigation:
            pcpCarouselData.navigation == true
              ? {
                nextEl: '.pcp-button-next',
                prevEl: '.pcp-button-prev'
              }
              : false,
          breakpoints: {
            576: {
              slidesPerView: pcpCarouselData.slidesPerView.mobile_landscape,
              navigation:
                pcpCarouselData.navigation_mobile == true
                  ? {
                    nextEl: '.pcp-button-next',
                    prevEl: '.pcp-button-prev'
                  }
                  : false,
              pagination:
                pcpCarouselData.pagination_mobile == true
                  ? {
                    el: '.swiper-pagination',
                    clickable: true,
                    dynamicBullets: pcpCarouselData.dynamicBullets,
                    renderBullet: function (index, className) {
                      if (pcpCarouselData.bullet_types == 'number') {
                        return (
                          '<span class="' +
                          className +
                          '">' +
                          (index + 1) +
                          '</span>'
                        )
                      } else {
                        return '<span class="' + className + '"></span>'
                      }
                    }
                  }
                  : false
            },
            768: {
              slidesPerView: pcpCarouselData.slidesPerView.tablet,
            },
            992: {
              slidesPerView: pcpCarouselData.slidesPerView.desktop,
            },
            1200: {
              slidesPerView: pcpCarouselData.slidesPerView.lg_desktop,
            },
          },
          fadeEffect: {
            crossFade: true
          },
          ally: {
            enabled: pcpCarouselData.enabled,
            prevSlideMessage: pcpCarouselData.prevSlideMessage,
            nextSlideMessage: pcpCarouselData.nextSlideMessage,
            firstSlideMessage: pcpCarouselData.firstSlideMessage,
            lastSlideMessage: pcpCarouselData.lastSlideMessage,
            paginationBulletMessage: pcpCarouselData.paginationBulletMessage
          },
          keyboard: {
            enabled: true
          }
        })
        if (pcpCarouselData.autoplay === false) {
          pcpSwiper.autoplay.stop()
        }
        if (pcpCarouselData.stop_onHover && pcpCarouselData.autoplay) {
          $(pcpCarousel).on({
            mouseenter: function () {
              pcpSwiper.autoplay.stop();
            },
            mouseleave: function () {
              pcpSwiper.autoplay.start();
            }
          });
        }
        $(window).on('resize', function () {
          pcpSwiper.update()
        })
        $(window).trigger("resize")
      }
      /**
       * Grid masonry.
       */
      if ($(PCP_Wrapper_ID).hasClass('pcp-masonry')) {
        var $post_wrapper = $('.sp-pcp-row', PCP_Wrapper_ID)
        $post_wrapper.imagesLoaded(function () {
          $post_wrapper.masonry()
        })
      }
      /* Preloader js */
      $(document).ready(function () {
        $(".pcp-preloader", PCP_Wrapper_ID).css({ "backgroundImage": "none", "visibility": "hidden" });
      });
    })
  }
})

```