Herramienta para Crear un Carrusel de Fotos Gratuito

¡Bienvenido! Nuestro Carrusel de fotos gratuito es una herramienta sencilla para crear carruseles de imágenes profesionales y responsivos (que se adaptan a móviles y tablets) sin necesidad de escribir una sola línea de código.

Sigue estos dos sencillos pasos para tener tu propio carrusel funcionando en tu página web.

Instrucciones de Uso (Paso a Paso)

Paso 1: Crea y Personaliza tu Carrusel

1. Carga tus Imágenes: Haz clic en el botón «Cargar Imágenes» y selecciona todas las fotos que quieres incluir desde tu ordenador. Verás una previsualización instantánea.
2. Ajusta los Controles:
   • Autoplay: Decide si quieres que las imágenes pasen automáticamente.
   • Vel. Transición: Controla la rapidez con la que una imagen cambia a la siguiente.
   • Int. Autoplay: Si activaste el autoplay, define cuántos segundos debe esperar en cada foto.
3. Descarga tu Paquete: Cuando estés satisfecho con el resultado, pulsa el botón «Descargar Carrusel (ZIP)». Se guardará en tu ordenador un archivo llamado mi_carrusel_paquete.zip. Este paquete contiene:
   • Un archivo carrusel.html (tu carrusel final).
   • Una carpeta imágenes con todas tus fotos dentro.

Paso 2: Intégralo en tu Página Web

1. Sube los Archivos a tu Servidor: Descomprime el archivo .zip que descargaste. Luego, usando FTP (como FileZilla) o el administrador de archivos de tu hosting, sube tanto el archivo carrusel.html como la carpeta imagenes a tu servidor. Importante: Deben estar en la misma ubicación.
2. Obtén la URL Pública: Tu carrusel ahora tiene una dirección web. Será algo como: https://www.tusitio.com/carrusel.html. Cópiala y visítala para asegurarte de que todo funciona bien.
3. Copia y Pega el Código para Embeber:
   • Después de descargar, en esta misma página aparecerá un recuadro con el «Código para Embeber». Cópialo entero.
   • Abre el archivo HTML de la página donde quieres mostrar el carrusel.
   • Pega el código copiado y reemplaza el texto URL_COMPLETA_A_TU_CARRUSEL.HTML por la URL real que obtuviste en el paso anterior.

Código para integrarlo en tu Web o Tarjeta de Visita Digital

<!-- Inicia Código para Embeber Carrusel Responsive con Altura Fija -->
<div class="carrusel-embed-wrapper" 
     style="position: relative; overflow: hidden; width: 100%; 
            /* padding-top: 56.25%; Ya no es necesario para la altura si usas 'height' fija, pero no daña dejarlo */
            height: 400px; /* <<<--- AÑADE ESTO: Altura fija deseada en píxeles */
            background-color: #f0f0f0; /* Opcional: color de fondo */
            ">
  <iframe
    src="URL_COMPLETA_A_TU_CARRUSEL.HTML"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
    title="Mi Carrusel de Imágenes"
    allowfullscreen
    loading="lazy"
  >
    Tu navegador no soporta iframes. Considera actualizarlo.
  </iframe>
</div>
<!-- Fin Código para Embeber Carrusel Responsive con Altura Fija -->
            

¡Y listo! Has integrado un carrusel profesional y totalmente funcional en tu sitio. El código proporcionado se asegura de que se vea genial en cualquier dispositivo.