StuSlider - by HIRT Stephane

Integrating StuSlider

Integrating StuSlider into your project is straightforward and easy. Follow these simple steps to get started:

First, make sure you've imported the 'stuslider.js' JavaScript file into your project by including the following script tag at the bottom of your HTML page:

<script src="stuslider.js"></script>

Next, define the HTML structure for your slider by creating a container for the slider and individual slide elements. Use the following structure as a template:

                            
                                <div class="stu-slider-container">
                                  <div class="stu-slider">
                                    <div class="stu-slide">Your content here</div>
                                    <div class="stu-slide">Another slide content</div>
                                    <div class="stu-slide">More content for another slide</div>
                                  </div>
                                </div>
                            
                        

Create an instance of StuSlider for each slider you want to display on your page. Customize the parameters as needed. Here's an example:

                            
                                <script type="text/javascript">
                                  // Create an instance of StuSlider
                                      const slider1 = new StuSlider('stu-slider', 3000, '100%', '100vh', 1, 1, 1, 1);
                                </script>
                            
                        

With these simple steps, you can integrate StuSlider into your project and customize it according to your requirements. Enjoy using StuSlider for your web projects!