Default

<h1>Residencia de Jóvenes Jugadores del Real Valladolid</h1>

<div data-ogsc="black"><span style="font-size: 18pt;">La Residencia de Jóvenes Jugadores del Real Valladolid, situada en la calle Padre Llanos, 77, fue inaugurada el 22 de junio de 1999 en una de las laderas del barrio de Parquesol. Su construcción supuso un gran impacto para la cantera blanquivioleta y un hogar para los niños que llegaban a la ciudad con el objetivo de crecer en los Anexos, aunque también sirvió de morada para deportistas de otras disciplinas.</span></div>
<div data-ogsc="black"> </div>
<div data-ogsc="black"> </div>
<div data-ogsc="black"><span style="font-size: 18pt;">Por las instalaciones de la Residencia de Jóvenes Jugadores del Real Valladolid han pasado futbolistas que alcanzaron el sueño de cada uno de los niños que juegan en la cantera blanquivioleta: debutar con el primer equipo. Ellos son Óscar González, Jonathan, Álvaro Antón, Agustín Villar, Rafa, Ortiz, Asier, Kike López, Asenjo, Jesús Rueda, Carlos Lázaro, Sergio García, Javi Navas, Toni García, Lolo Plá, Zubi, Iván Casado, Dani Vega, Anuar, Jose Arnaiz, Mayoral, Toni Villa, Apa, Salisu, Fresneda, Slavy, Tunde, Garriel, Amath, Koke y Arnu.</span></div>
<div data-ogsc="black"> </div>
<div data-ogsc="black"> </div>
<div data-ogsc="black"> </div>
<div data-ogsc="black"> </div>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Carrousel de Imágenes</title>
    <style>
        .carousel-container {
            position: relative;
            width: 1200px;
            height: 800px;
            margin: auto;
        }
        .carousel {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;
        }
        .carousel img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 100%;
            transition: left 0.5s ease-in-out;
        }
        .carousel img.active {
            left: 0;
        }
        .carousel img.prev {
            left: -100%;
        }
        .carousel img.next {
            left: 100%;
        }
        .buttons {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
            pointer-events: none; /* Para que los botones no interfieran con la imagen */
        }
        .buttons button {
            background-color: rgba(0, 0, 0, 0.5);
            border: none;
            color: white;
            width: 40px;
            height: 40px;
            cursor: pointer;
            pointer-events: auto; /* Permitir que los botones sean clickeables */
            border-radius: 50%;
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .buttons button:hover {
            background-color: rgba(0, 0, 0, 0.7);
        }
        .dots {
            position: absolute;
            bottom: -30px; /* Mueve los puntos fuera de la imagen */
            width: 100%;
            text-align: center;
        }
        .dots span {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 5px;
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 50%;
            cursor: pointer;
        }
        .dots span.active {
            background-color: #cccccc;
        }
    </style>
</head>
<body>
    <div class="carousel-container">
        <div class="carousel" id="carousel">
            
        </div>
        <div class="buttons">
            <button id="prevBtn">&#10094;</button>
            <button id="nextBtn">&#10095;</button>
        </div>
        <div class="dots" id="dots"></div>
    </div>

    <script>
        const images = [
            'https://statics-maker.llt-services.com/vll/images/2024/07/05/original/c8d2aaad-8368-4740-964e-250cfcf23889-949.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/04/original/4aa5d1a8-f805-4afd-8005-ee6461085fa3-447.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/04/original/108ad971-83e4-4698-857b-d8b6d018c474-156.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/04/original/e21d4a2b-afd1-4573-b6fa-a6bb762af5a1-176.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/05/original/377bac7a-4224-4930-8eb3-832d5770fab4-639.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/05/original/ff4801e7-ffd4-4c99-abf2-53c76fed805b-785.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/04/original/62b30b3f-1cb8-4073-90e2-8cf1b077b65d-127.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/04/original/4cacdfac-e697-49df-9e0b-bb20ff94c4eb-553.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/04/original/64321ee3-f6c4-4002-a5be-8ccdea83698b-821.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/04/original/22635759-4585-4db6-b9e3-3ad1a4c29b46-268.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/04/original/673dabaa-fcbf-4c8d-ad3a-f81c24e558e7-132.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/04/original/e005d024-af35-455e-aefb-698debb53a00-936.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/04/original/aa2ca0dc-0944-4d54-99e6-5ea83881476d-451.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/05/original/0b7b162d-3de3-4050-96ea-eb7b44a31fc9-153.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/05/original/87a94450-65da-4fff-8242-f9c1daeb9aca-798.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/05/original/af3d0685-0e44-4820-ae57-9c7dee34dd73-642.jpg',
            'https://statics-maker.llt-services.com/vll/images/2024/07/05/original/332342e3-eedd-44c9-810f-09c41bee8f37-350.jpg',
        ];

        let currentIndex = 0;
        const carousel = document.getElementById('carousel');
        const dotsContainer = document.getElementById('dots');

        function loadImages() {
            images.forEach((src, index) => {
                const img = document.createElement('img');
                img.src = src;
                if (index === 0) img.classList.add('active');
                carousel.appendChild(img);

                const dot = document.createElement('span');
                if (index === 0) dot.classList.add('active');
                dot.addEventListener('click', () => showImage(index));
                dotsContainer.appendChild(dot);
            });
        }

        function showImage(index) {
            const imgs = document.querySelectorAll('.carousel img');
            const dots = document.querySelectorAll('.dots span');

            imgs[currentIndex].classList.remove('active');
            dots[currentIndex].classList.remove('active');

            currentIndex = index;

            imgs[currentIndex].classList.add('active');
            dots[currentIndex].classList.add('active');
        }

        function nextImage() {
            const nextIndex = (currentIndex + 1) % images.length;
            showImage(nextIndex);
        }

        function prevImage() {
            const prevIndex = (currentIndex - 1 + images.length) % images.length;
            showImage(prevIndex);
        }

        document.getElementById('nextBtn').addEventListener('click', nextImage);
        document.getElementById('prevBtn').addEventListener('click', prevImage);

        loadImages();
        setInterval(nextImage, 5000);
    </script>
</body>
</html>

<p><span style="font-size: 18pt;"><span data-ogsc="rgb(16, 19, 22)" data-ogsb="rgb(247, 249, 249)">Aquí recogemos algunos de los jugadores que salieron de la Residencia para dejar el sello de la cantera blanquivioleta en el primer equipo del Real Valladolid. Todos ellos tienen su camiseta colgada en los muros de nuestra Residencia, como homeaje a su trayectoria y recordatorio a los jóvenes jugadores por venir de que, con esfuerzo, constancia e ilusión, se pueden cumplir sueños. </span></span></p>

Residencia de Jóvenes Jugadores del Real Valladolid

De la Residencia a la élite