owsslider v1.0.1

OwsSlider

OwsSlider is a simple and customizable JavaScript slider library that allows you to create beautiful and responsive image sliders with optional autoplay, navigation, and customizable features.

Table of Contents

• Installation
• Usage
• Options
• Styles
• License
• Contributing

Installation

You can install OwsSlider via npm:

 npm install ows-slider



  Example Code
  
   <div  id="slider">
       <div class="slide"><img src="img1" alt="Image 1"></div>
       <div class="slide"><img src="img2" alt="Image 2"></div>
       <div class="slide"><img src="img3" alt="Image 3"></div>
   </div>


   <script type="module">
    // Import the Slider from the asset URL
    import Slider from "{{ asset('lib/index.js') }}";

    document.addEventListener('DOMContentLoaded', () => {
        
        // Initialize first slider with autoplay and navigation
            const slider1 = new Slider(document.getElementById('slider'), {
                autoplay: true,
                interval: 2000,
                navigation: true,
            });
    });
    </script>