Smart-JavaScript-Slider/index.html at main · Amirc0der/Smart-JavaScript-Slider · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Ultralightweight Javascript Slider</title>
      <link rel="stylesheet" type="text/css" href="arx_slider.css">
   </head>
   <body>
    <header>
      <center><h1 style="font-family: verdana;">Free Responsive Smart Slider</h1>
      <p style="font-family: verdana;line-height: 1.5;">This slider works based on your HTML tag. <br>
        You just need to write a <code><img></code> Element with a <code>src</code> and an <code>alt</code> attribute.<br>
        Your <code>src</code> will be your image and <code>alt</code> will be your caption automatically. <br>
        You can add as many as pictures you want!<br> You do not need to change JavaScript at all!</p></center>
    </header>
      <div class="container">
         <div class="slider">
            <div class="imgholder">
              <img src="1.jpg" alt="This is Alt of the First Image">
              <img src="2.jpg" alt="This is Alt of the Second Image">
              <img src="3.jpg" alt="This is Alt of the Third Image">
            </div>
            <div class="slider_button left"></div>
            <div class="slider_button right"></div>
            <div class="slider_dots_holder"></div>
         </div>
      </div>
      <script type="text/javascript" src="arx_slider.js"></script>
   </body>
</html>