Scribd Logo
Upload

Welcome to Scribd!

  • !DOCTYPE HTML

    Uploaded by

    YoungChessMaster
    2 views2 pages
    doctype html

    Original Title

    !DOCTYPE html

    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
    doctype html

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    2 views2 pages

    !DOCTYPE HTML

    Uploaded by

    YoungChessMaster
    doctype html

    Copyright:

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

    <!

    DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Presentación de la Prehistoria</title>
    <style>
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    }

    .slideshow-container {
    position: relative;
    max-width: 800px;
    margin: auto;
    }

    .slide {
    display: none;
    width: 100%;
    }

    .slide img {
    width: 100%;
    height: auto;
    }

    .prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    background-color: #333;
    color: #fff;
    cursor: pointer;
    }

    .prev {
    left: 0;
    }

    .next {
    right: 0;
    }
    </style>
    </head>
    <body>
    <div class="slideshow-container">
    <div class="slide">
    <img src="prehistoria1.jpg" alt="Imagen de la Prehistoria 1">
    </div>
    <div class="slide">
    <img src="prehistoria2.jpg" alt="Imagen de la Prehistoria 2">
    </div>
    <div class="slide">
    <img src="prehistoria3.jpg" alt="Imagen de la Prehistoria 3">
    </div>
    <!-- Agrega más imágenes de la prehistoria aquí -->

    <a class="prev" onclick="plusSlide(-1)">Anterior</a>


    <a class="next" onclick="plusSlide(1)">Siguiente</a>
    </div>

    <script>
    let slideIndex = 1;
    showSlide(slideIndex);

    function plusSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    let slides = document.getElementsByClassName("slide");
    if (n > slides.length) {
    slideIndex = 1;
    }
    if (n < 1) {
    slideIndex = slides.length;
    }
    for (let i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
    }
    slides[slideIndex - 1].style.display = "block";
    }
    </script>
    </body>
    </html>

    You might also like