With the new Carbon update, the Swiper may display akwardly. Here is a update to help you fix the problem: Getting Started We will be updating the HTML codes and CSS codes for Swiper Vertical. Before we start, please download the new HTML and CSS code doc: CSS HTML **Make sure you using NOTEPAD for Full Article…
With the new Carbon update, the Swiper may display akwardly. Here is a update to help you fix the problem: Getting Started We will be updating the HTML codes and CSS codes for Swiper Horizontal. Before we start, please download the new HTML and CSS code doc: CSS HTML **Make sure you using NOTEPAD for Full Article…
Swiper is a responsive full page image & content slider that spend the full width and height of the monitor. Because Swiper is responsive, the image will adjust it self to fit different monitor size and device shapes. So the image can look different in different devices. Desktop and mobile device shapes are very different Full Article…
By default Swiper loop the slides in repeat. You can turn off the infinite looping function so when the plugin reach the last slide, it will stop sliding. 1) Click here to open your Weebly Editor 2) Click into “design” then into “edit html/css” 3) Click into “index” to open the plugin page. For people Full Article…
How responsive images works is it display the image max-height OR max-width to make sure there are no gaps. Since there are a wide variety of monitor size and device shape, the background need to change in order to fit to different shape and size of view port. This is the definition of responsive in Full Article…
Please upload the new js file for Swiper to have it working again in IE 11 and newer browsers Click on “design” and into “edit html/css” Download the js file here: Upload new js file you just downloaded Save your change and exit code editor Publish your site for the change to take effect
Some people have experience with the Swiper not scrolling. Here is how you can fix this. 1) Click into “design” and into “edit html/css” to open the code editor 2) Click on “main_style.css” to open the css editing page 3) Here look for this code: /* Swiper */ .swiper-container { width: 100%; height: 100%; Full Article…
How to turn on Autoplay Swiper have an autoplay function where you can also customize the time between each slide transition. Step1: Access HTML Page 1) Click on “design” and into “edit html/css” 2) On the left-hand column, click on “index.htmls” to access the html page 3) Scroll down to the bottom of the page Full Article…
Transition speed refers to the duration of animation between slides (in ms). In other words, how long will it take the image to completely slide from right to left. Step1: Access HTML Page 1) Click on “design” and into “edit html/css” 2) On the left-hand column, click on “index.htmls” to access the html page 3) Full Article…
