Communities

Writing

Codidact Meta

The Great Outdoors

Photography & Video

Scientific Speculation

Cooking

Electrical Engineering

Judaism

Languages & Linguistics

$Mathematics$

Dashboard

Notifications

Mark all as read

Q&A Code Reviews Meta

Q&A

Posts Tags Edits

Ask Question

setting of translateX for carousel image slider

−0

I made carousel image slider by following tutorials.

To slide images , I made the below function.

const moveToSlide = (track, currentSlide, targetSlide) => {
track.style.transform = 'translateX(-' + targetSlide.style.left + ')'; 
currentSlide.classList.remove("current-slide"); 
targetSlide.classList.add("current-slide"); 
 }

I can't figure out how it works when you click "left" button. I think it should be

'translateX(+ ' + targetSlide.style.left + ')';

if you want to slide to left. I think I'm misunderstanding something....

posted 28 days ago

CC BY-SA 4.0

28d ago

aya2222‭

16 reputation 1 0 3 1

Permalink History

needs author's attention

This question is off-topic or cannot be reasonably answered in its current form and needs revision by its author.

This flag will be added as a comment to this post's feedback thread.

is a duplicate

This question has been asked before and has already been answered. It should be marked as a duplicate.

Please enter the URL of the proposed duplicate in the details field below.

not constructive

This question cannot be answered in a way that is helpful to anyone. It's not possible to learn something from possible answers, except for the solution for the specific problem of the asker.

1 comment thread

Start by inspecting the actual transform string passed to track.style.transform (2 comments)

0 answers

Score Active