Skip to content

Instantly share code, notes, and snippets.

View Flowbaseco's full-sized avatar
💫

Flowbase Flowbaseco

💫
View GitHub Profile
<!--Tippy Tooltip Scripts-->
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@4"></script>
<!--Tippy Light Theme CSS-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/2.5.4/themes/light.css"/>
<!--Tippy Default Settings-->
<!--Override these settings with custom attributes-->
<script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery.counterup@2.1.0/jquery.counterup.min.js"></script>
<script>
jQuery(document).ready(function( $ ) {
$('.counterup').counterUp({
delay: 200, // the delay time in ms
time: 1500 // the speed time in ms
});
});
<script src="https://maciejsawicki.com/tooltipster-for-webflow/tooltipster-for-webflow.js"></script>
<link rel="stylesheet" type="text/css" href="https://maciejsawicki.com/tooltipster-for-webflow/tooltipster.bundle.min.css">
<!-- Auto Rotate Tabs in Webflow -->
<script>
var Webflow = Webflow || [];
Webflow.push(function () {
// DOMready has fired
// May now use jQuery and Webflow api
// start everything
var tabTimeout;
clearTimeout(tabTimeout);
<script src="https://unpkg.com/beerslider/dist/BeerSlider.js"></script>
<script>
// Wait for the page to load
$(document).ready(function () {
// Select all elements with the class "image-wrapper" and loop through them
const imageWrappers = document.getElementsByClassName("image-wrapper");
for(const imageWrapper of imageWrappers){
// Get the source of the first and second image within the current "image-wrapper" element
const firstImage = imageWrapper.querySelectorAll('img')[0].src;
<link href="https://unpkg.com/beerslider/dist/BeerSlider.css" rel="stylesheet" type="text/css" />
<script src="https://refreshless.com/nouislider/dist/nouislider.js?v=1550"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script src="https://refreshless.com/nouislider/documentation/assets/wNumb.js"></script>
<script>
$(function () {
//THIS IS FOR THE SINGLE SLIDER
let idOfSlider = 'slider-single';
let idOfSliderValue = 'slider-single-value';