Fix slider interval stacking issue for smoother transitions

[vishalnadarge]

Description: This pull request addresses an issue with the automatic interval for the slider in script.js. Previously, each manual interaction with the slider would restart the interval, causing multiple intervals to stack, resulting in lagging animations and poor performance.

Changes Made:

Refactored the slider code to initialize the interval only once, preventing multiple intervals from overlapping.
Moved the setInterval function outside of reloadSlider and created a separate startSliderInterval function that runs only once upon page load.
Improved code readability and maintainability by keeping the interval separate from user interactions.
Impact:

Enhances performance by ensuring only a single interval manages the slider’s automatic transitions.
Prevents stacking issues, resulting in smoother animations and reduced resource usage.
Testing:

Verified the slider functions correctly with a 3-second interval for automatic transitions.
Tested "Next" and "Previous" button functionality to confirm manual navigation doesn’t interfere with the interval.
Checked responsive behavior to ensure the slider repositions correctly on window resize.

[github-actions]

🎉 Thank you @vishalnadarge for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better

[Harshdev098]

its not working also the left btn is not visible

Screencast.from.2024-11-04.07-47-37.mp4