Untitled

 avatar
unknown
plain_text
3 years ago
2.7 kB
5
Indexable
(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";

    /* all Pure helper functions */

    function waitForElement(selector, trigger, delayInterval, delayTimeout) {
      var interval = setInterval(function () {
        if (
          document &&
          document.querySelector(selector) &&
          document.querySelectorAll(selector).length > 0
        ) {
          clearInterval(interval);
          trigger();
        }
      }, delayInterval);
      setTimeout(function () {
        clearInterval(interval);
      }, delayTimeout);
    }

    function waitForSlick(trigger) {
      var interval = setInterval(function () {
          if (window.jQuery.fn.slick != undefined) {
              clearInterval(interval);
              trigger();
          }
      }, 50);
      setTimeout(function () {
          clearInterval(interval);
      }, 15000)
    }

    function waitForjQuery(trigger) {
      var interval = setInterval(function () {
          if (window.jQuery != undefined) {
              clearInterval(interval);
              trigger();
          }
      }, 50);
      setTimeout(function () {
          clearInterval(interval);
      }, 15000)
    }

    function addScript() {
      var cssScript=''+ 
      "<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css'/>";
      document.querySelector('head').insertAdjacentHTML('beforeend', cssScript);
          
      var swiperScript = document.createElement('script');
      swiperScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js';
      document.getElementsByTagName('head')[0].appendChild(swiperScript);
      }

  
    function init() {
      waitForjQuery(function() {
        addScript();

        waitForSlick(function() {
          var $ = window.jQuery;
          $('.icons-grid').slick({
            dots: true,
            infinite: true,
            speed: 300,
            slidesToShow: 1,
            centerMode: true,
          });   

        });

      });
    }


    /* Initialise variation */
    waitForElement(".icons-grid", init, 100, 35000);
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();



<style>
  .icons-grid .slick-arrow {
    display: none !important;
}

.slick-dots li button {
    display: none;
}

.slick-dots li {
    list-style: none;
    border: 3px solid #728287;
    width: 15px;
    height: 15px;
    margin: 0px 10px;
    border-radius: 100%;
}

.slick-dots {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-dots li.slick-active {
    background: #728287;
}

</style>
Editor is loading...