Codeblocks
Contents
Introduction
Demo
Documentation
Code
false
Overview
Swiper.js

Swiper.js

This is a simple and configurable base setup of the popular js slider library swiper.js. With this powerful library you're able to loop the slides, add navigation arrows, intuitively swipe on touchscreens and lots more. Clone this element and it's code and you'll get a starting point to use the swiper library and all its features right within Webflow. You want more features? Take a look at the full list of parametersfor this library right here: https://swiperjs.com/api/#parameters

Code

Attention: This code is linked to external files which might change or become unavailable in the future!

To make the code below easier and faster to implement it relies on files which are hosted externally on our servers. Because of that we cannot give you a 100% guarantee, that these files will always stay the same, or will always be accessible through the link provided. For better reliability we therefor advice you to host these files by yourself or add its content directly in Webflow. You can learn more about this topic here.
https://eseassets.ch/globalscripts/code/code.js
Download File

Add this code inside the <head> tag on your page.

Copy code
The code in here is only visible on the published website.
Go to codeblocks.webflow.io or take the code from the actual custom code field of this page

Add this code before the </body> tag on your page.

Copy code
The code in here is only visible on the published website.
Go to codeblocks.webflow.io or take the code from the actual custom code field of this page
We won't take any responsibility for the code provided. It may not be set up according to best practices of programming or built in the most efficient way possible. It's just here so solve your problem.

Get the source code for
free by signing up to Codeblocks