Skip to content
This repository was archived by the owner on Dec 18, 2024. It is now read-only.

NW-6 | Fikret Ellek | JS2| [TECH ED] Slideshow-Extra| WEEK-4 #227

Open
wants to merge 8 commits into
base: main
Choose a base branch
from

Conversation

fikretellek
Copy link

Learners, PR Template

Self checklist

  • I have committed my files one by one, on purpose, and for a reason
  • I have titled my PR with COHORT_NAME | FIRST_NAME LAST_NAME | REPO_NAME | WEEK
  • I have tested my changes
  • My changes follow the style guide
  • My changes meet the requirements of this task

Changelist

Briefly explain your PR.

Questions

Ask any questions you have for your reviewer.

Copy link

netlify bot commented Jan 29, 2024

Deploy Preview for cute-gaufre-e4b4e5 ready!

Name Link
🔨 Latest commit 9617c62
🔍 Latest deploy log https://app.netlify.com/sites/cute-gaufre-e4b4e5/deploys/65b6f55367ecc400081cabf4
😎 Deploy Preview https://deploy-preview-227--cute-gaufre-e4b4e5.netlify.app/week-3/slideshow
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

previousPhoto();
}, 2000);
clearInterval(autoPlayForward);

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!

nextPhoto();
}, 2000);
clearInterval(autoPlayBackward);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here!

Comment on lines +111 to +114
imgBtn.setAttribute("id", `img${i}`);
imgBtn.classList.add("navBtn");
navContainer.appendChild(imgBtn);

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;

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 :)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants