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

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

- Page: https://pluginprobe.com/plugins/post-carousel/2.3.6/code/admin/assets/js/preview.js
- Raw: https://pluginprobe.com/plugins/post-carousel/2.3.6/raw/admin/assets/js/preview.js
- Modified: 2021-09-27T05:53:22+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.3.6/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,
              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).hover(
                function () {
                  pcpSwiper.autoplay.stop()
                },
                function () {
                  pcpSwiper.autoplay.start()
                }
              )
            }
            $(window).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" });
        });
      })
    }
  })

```