Untitled
unknown
plain_text
3 years ago
2.7 kB
8
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...