-
-
Notifications
You must be signed in to change notification settings - Fork 40
NW-6 | Fikret Ellek | JS2| [TECH ED] Slideshow-Extra| WEEK-4 #227
base: main
Are you sure you want to change the base?
NW-6 | Fikret Ellek | JS2| [TECH ED] Slideshow-Extra| WEEK-4 #227
Conversation
✅ Deploy Preview for cute-gaufre-e4b4e5 ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
| autoPlayBackward = setInterval(() => { | ||
| previousPhoto(); | ||
| }, 2000); | ||
| clearInterval(autoPlayForward); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I love this! it clears other intervals when you change the slide direction - such a thoughtful touch! Well done!
| autoPlayForward = setInterval(() => { | ||
| nextPhoto(); | ||
| }, 2000); | ||
| clearInterval(autoPlayBackward); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same here!
| imgBtn.classList.add(`img${i}`); | ||
| imgBtn.setAttribute("id", `img${i}`); | ||
| imgBtn.classList.add("navBtn"); | ||
| navContainer.appendChild(imgBtn); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same here as I mentioned in the previous message, you created the element and then appended it to the DOM. Well done!
|
|
||
| .btn-container { | ||
| display: flex; | ||
| flex-direction: row; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice design, well done. Small note: you don't need to specify flex-direction: row; since the default value is already row :)
Learners, PR Template
Self checklist
Changelist
Briefly explain your PR.
Questions
Ask any questions you have for your reviewer.