Canvas Support

Slider without input

1 reply·opened Jan 17, 2024
R
Ristone3Jan 17, 2024

Hey Canvas Team,

I am wanting to make a full screen slider with a left sided header page similar to what you have here: https://canvastemplate.com/header-side-left.html

But I want the images in the slider to be:

  • Automatically scrolled even if the mouse is over the image
  • Not able to be swiped or controlled to move to the next image

Essentially it should function like a slideshow and the user shouldn't be able to move to the next or previous image.

Currently I am using Canvas Slider, is this the best option to use? If so, what do I need to do in order to modify it to meet my requirements. If not, can you point me to the correct element to use, and the right settings? My current code is:
<section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-60 min-vh-md-100" data-autoplay="3000" data-grab="false">

S
SemiColonWebSTAFFJan 19, 2024

Hello,

This is Definitely Possible!

  1. Use the following code:
<section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-60 min-vh-md-100" data-autoplay="3000" data-grab="false">

  1. Use the Updated js/modules/canvasslider.js or the js/functions.bundle.js File added to this reply.

  2. Remove the following codes from the HTML:

<div class="slider-arrow-left"><i class="uil uil-angle-left-b"></i></div>
<div class="slider-arrow-right"><i class="uil uil-angle-right-b"></i></div>
<div class="slide-number"><div class="slide-number-current"></div><span>/</span><div class="slide-number-total"></div></div>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard