Skip to content

Add infinite photo slider for issue #954 - #1250

Open
cobie1818 wants to merge 2 commits into
thinkswell:masterfrom
cobie1818:ImageSlider-cobie1818
Open

cobie1818 wants to merge 2 commits into
thinkswell:masterfrom
cobie1818:ImageSlider-cobie1818

Conversation

@cobie1818

Copy link
Copy Markdown

✅ Developer Checklist

  • I have followed all the guidelines mentioned in the README file.
  • I have maintained the required directory structure. (Format: ProjectName/{USERNAME}/...yourfiles)
  • This Pull Request contains only one project.
  • I have starred ⭐ the repository (optional).

📝 Summary

This contribution adds an infinite photo slider for issue #954 using HTML, CSS, and vanilla JavaScript.

Features include:
Previous and Next buttons that loop through the photographs.
Optional automatic playback with Play and Pause controls.
Arrow-key navigation and visible keyboard focus indicators.
Descriptive image alternative text and captions.
A responsive layout.
Optimized JPEG images.
A README with setup instructions, usage details, manual checks, and a screenshot.

Manual testing passed for forward and backward looping, automatic playback, pausing, keyboard navigation, and the narrow-window layout. The staged whitespace check also passed.

📸 Screenshots / GIFs

screenshot

🔗 Live Project Link

Not deployed; run locally by opening ImageSlider/cobie1818/index.html.

Closes #954

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[feat]: Add an infinite image slider.

1 participant