Como tirar a maozinha do ponteiro do mouse no Slider

7 replies·opened Mar 8, 2020
L
LaurivalMar 8, 2020

Olá, poderia me ajuda?

Como posso tirar a mãozinha do Mouse e impedir que a imagem do slider seja arrastada. quero que ela fique estática.

S
SemiColonWebSTAFFMar 9, 2020

Hello,

Simply add the data-grab="false" Attribute to the #slider Element. Example:

<section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen clearfix" data-grab="false">

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.

L
LaurivalMar 16, 2020

De fato, funcionou, mas a imagem ainda é arrastada quando dou um clique com o mouse e seguro.Como faço para deixar a imagem do slider estática mesmo que o usuário tente arrastar?

grato

S
SemiColonWebSTAFFMar 17, 2020

Hello,

We have just checked this out and it appears to be working fine for us and not getting dragged on touch or user mouse clicks. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

S
SemiColonWebSTAFFMar 23, 2020

Hello,

Please find the following code in the js/functions.js File inside the sliderRun: function() Function Block:


direction: elementDirection,
speed: Number( elementSpeed ),
autoplay: {
	delay: elementAutoPlay
},
loop: elementLoop,
effect: elementEffect,
slidesPerView: 1,
grabCursor: elementGrabCursor,
pagination: {
	el: elementPagination,
	clickable: elementPaginationClickable
},
navigation: {
	prevEl: elementNavPrev,
	nextEl: elementNavNext
},
scrollbar: {
	el: elementScrollBar
},

and replace it with:


direction: elementDirection,
speed: Number( elementSpeed ),
autoplay: {
	delay: elementAutoPlay
},
loop: elementLoop,
effect: elementEffect,
slidesPerView: 1,
grabCursor: elementGrabCursor,
pagination: {
	el: elementPagination,
	clickable: elementPaginationClickable
},
navigation: {
	prevEl: elementNavPrev,
	nextEl: elementNavNext
},
scrollbar: {
	el: elementScrollBar
},
simulateTouch: false,

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.

L
LaurivalApr 10, 2020

Perfeito resolvido.

S
SemiColonWebSTAFFApr 11, 2020

Hello,

Glad that your issues were resolved. Very Happy to Help!

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

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