Scribd Logo
Upload

Welcome to Scribd!

  • Untitled

    Uploaded by

    alba fores
    7 views1 page
    The document contains code for a slideshow with 3 images labeled "a.jpg", "b.jpg", and "c.jpg". The slideshow automatically cycles between the images every 2 seconds by hiding the current image and displaying the next one, while also updating the active dot indicator.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains code for a slideshow with 3 images labeled "a.jpg", "b.jpg", and "c.jpg". The slideshow automatically cycles between the images every 2 seconds by hiding the current image and displaying the next one, while also updating the active dot indicator.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views1 page

    Untitled

    Uploaded by

    alba fores
    The document contains code for a slideshow with 3 images labeled "a.jpg", "b.jpg", and "c.jpg". The slideshow automatically cycles between the images every 2 seconds by hiding the current image and displaying the next one, while also updating the active dot indicator.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <!

    DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    </head>
    <body>

    <div class="slideshow-container">

    <div class="amna slides">


    <div class="numbertext">01 / 03</div>
    <img src="a.jpg">
    </div>
    h
    <div class="amna slides">
    <div class="numbertext">02 / 03</div>
    <img src="b.jpg">
    </div>

    <div class="amna slides">


    <div class="numbertext">03 / 03</div>
    <img src="c.jpg"">
    </div>

    </div>
    <br>

    <div style="text-align:center">
    <span class="dot"></span>
    <span class="dot"></span>
    <span class="dot"></span>
    </div>

    <script>
    var slideIndex = 0;
    showSlides();

    function showSlides() {
    var i;
    var slides = document.getElementsByClassName("iambrpslides");
    var dots = document.getElementsByClassName("dot");
    for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
    }
    slideIndex++;
    if (slideIndex> slides.length) {slideIndex = 1}
    for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" active", "");
    }
    slides[slideIndex-1].style.display = "block";
    dots[slideIndex-1].className += " active";
    setTimeout(showSlides, 2000); // Change image every 2 seconds
    }
    </script>

    </body>
    </html>

    You might also like