Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs

Dashboard
Notifications
Mark all as read
Q&A

setting of translateX for carousel image slider

+3
−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....

Why does this post require moderator attention?
You might want to add some details to your flag.
Why should this post be closed?

1 comment thread

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

0 answers

Sign up to answer this question »