Transform your web pages with our Advanced Card Slider, designed for developers and designers seeking high functionality and style. Perfect for e-commerce platforms, portfolio showcases, and dynamic content displays, this slider seamlessly integrates into any project, providing an impressive user experience.

Update: Automatic Detection

Define your cards as child div elements (with card content) directly inside your container in the HTML. The slider will automatically extract the content.

The attached video using old function version ( cardsSlider("Container CSS Selector", ["HTML Content For First Card", "HTML Content for N Card"]); ), but it display the same slider. 

Smooth Sliding Effect: Enjoy smooth and responsive transitions between cards, ensuring a polished look.Flexible Navigation: Users can navigate through the cards using left/right arrow keys or by clicking directly on a card, making it intuitive and accessible.Responsive Design: Fully adaptable to various screen sizes, from mobile devices to large desktops, providing a consistent experience across all platforms.Customizable contents: Tailor colors, fonts, and styles effortlessly to align with your brand identity. Adjust margins, padding, and more for a perfect fit.Easy Integration: Pass the container CSS selector and an array of strings, where each string represents the card's content as an HTML string, allowing for easy management and updates.

No Requirement

1. Add the cardsSlider.js and cardsSlider.css files to your project.

2. Create an instance from the CardsSlider class and pass the container css selector.

See the included readme.txt & example.html for more understanding.