Como crear un carrusel de imágenes?
Usted puede crear solamente un carrusel en cada página. Si usted intenta crear múltiple carrusel, solamente el carrusel situado en la parte superior de la página será funcional.
La función del carrusel está disponible en el editor (en las páginas estáticas y artículos).
En el editor, insertar todas las imágenes que desea que aparezcan en el carrusel.
1 -
Para que el carrusel funciona, es imperativo que todas las imágenes son del mismo dimensión (en pixeles préstamo)
Para nuestro ejemplo, hemos creado cinco imágenes de las siguientes dimensiones : 400 píxeles x 200 píxeles
2 -
Colocar las imágenes una sobre la otra.
Nota : las imágenes debe ser colocado exactamente en el mismo lugar (préstamo píxel) si no el carrusel no funcionará.
Para nuestro ejemplo vamos a poner las imágenes así : L130 pixel y T:20
Nota : La primera imagen que va a poner en la página será la última que se verá dentro el carrusel. La última imagen que va a poner en la página será la primera que se verá en el carrusel.
Para nuestro ejemplo, hemos puesto la imagen número 5 en primero, seguido por la imagen número 4, la imagen número 3, la imagen número 2 y, finalmente, la imagen número 1 en la parte superior. De esta manera, en el sitio web, este será la imagen número 1 que será en primero en el carrusel, seguido de la imagen número 2, la imagen número 3, la imagen número 4 y, finalmente, el la imagen número 5 en último.
3 -
Guarde su trabajo haciendo clic en el disco pequeño en el editor.
El siguiente icono aparecerá en la última imagen que ha colocado, lo que confirma que el carrusel funciona.
Vaya a su sitio y volver a cargar la página. Usted puede ver su carrusel.
4 -
Automáticamente, hay un número de segundos entre la visualización de imágenes, flechas y botones que se han configurado para el carrusel, pero usted puede cambiar de acuerdo a sus gustos y necesidades.
Para tener acceso a las herramientas para personalizar el carrusel, haga doble clic en la primera imagen del carrusel, aparecen las herramientas.
Nota 1 : las herramientas para personalizar el carrusel sólo son visibles si la imagen en la que se hace doble clic es en el carrusel.
Nota 2 : Cuando se realizan cambios y que se va a su sitio para comprobar el resultado, no se olvide de actualizar su sitio para ver los cambios que ha realizado.
- El número de segundos entre imágenes :
Haga clic en el círculo que corresponde al número de segundos que desea que haya entre la visualización de las imágenes. Un pequeño círculo negro aparecerá , que confirmará su elección. Si usted elige el número 4, habrá 4 segundos entre la visualización de cada imagen.
- El efecto de la apariencia de las imágenes :
Para las imágenes se unen entre sí y se deslizan de izquierda a derecha, elige esta opción :
Para que las imágenes se muestran una tras otra sin deslizarse, elige esta opción :
- Inserte un enlace en las imágenes del carrusel :
Si quieres que al hacer clic en una imagen de su carrusel, el cliente se redirige a otra página, usted debe :
A ) En cada imagen, entre el enlace a la página donde desea que el cliente sea enviado en la función ''Poner el URL o la dirección email''.
B ) A continuación, elige esta opción :
Si usted quiere que sea la siguiente imagen que aparece cuando un cliente hace clic en un carrusel de imágenes, elige esta opción :
Nota : si hay una dirección que se indica en el función ''Poner el URL o la dirección email'', el cliente se redirige a esta dirección si hace clic en la imagen. Debe eliminar la dirección que aparece en la función ''Poner el URL o la dirección email'' para que el cliente para ver la siguiente imagen cuando hacer clic en el carrusel de imágenes.
- El orden de apariencia de las imágenes del carrusel :
Si desea que las imágenes aparecen en el orden en que se han colocado en la página, elige esta opción :
Si desea que las imágenes aparecen al azar, sin tener en cuenta el orden en que se colocan las imágenes en la página, elige esta opción :
- El icono de descarga :
Usted puede elegir el color del icono que aparece cuando las imágenes del carrusel siguen descargando. Haga clic en el círculo del color del icono de descarga que más le convenga, un pequeño círculo negro aparecerá, que confirmará su elección.
Aquí está el resultado en el sitio :
Si no desea descargar el icono, haga clic en el círculo vacío sin un icono, un pequeño círculo negro aparecerá, que confirmará su elección.
- Los botones para cambiar las imágenes del carrusel :
Si no desea que los botones para cambiar las imágenes del carrusel aparecer, elige esta opción :
Si desea que los botones para cambiar las imágenes del carrusel aparece, elige esta opción :
Para que los botones aparecen a la izquierda del carrusel, elige esta opción :
Aquí está el resultado en el sitio :
Para que los botones aparecen en el centro del carrusel, elige esta opción :
Aquí está el resultado en el sitio :
Para que los botones aparecen a la derecha del carrusel, elige esta opción :
Aquí está el resultado en el sitio :
Para determinar la ubicación de los botones, introduzca un número en el cuadro. Puede introducir un número entre -50 y 500.
Ejemplo : Se introduce el número -20.
Aquí está el resultado en el sitio :
Ejemplo : Se introduce el número 150.
Aquí está el resultado en el sitio :
Usted puede elegir el tipo de botón, así que haga clic en el círculo debajo del botón que más le convenga, un pequeño círculo negro aparecerá, que confirmará su elección.
- Las flechas para cambiar las imágenes del carrusel :
Si no desea que las flechas para cambiar las imágenes del carrusel aparecer, elige esta opción :
Si desea que las flechas para cambiar las imágenes del carrusel aparecer, elige esta opción :
Si desea que las flechas aparecen en la parte superior del carrusel, elige esta opción :
Aquí está el resultado en el sitio :
Si desea que las flechas aparecen en el centro del carrusel, elige esta opción :
Aquí está el resultado en el sitio:
Si desea que las flechas aparecen en la parte inferior del carrusel, elige esta opción :
Aquí está el resultado en el sitio :
Para determinar la ubicación de las flechas, introduzca un número en el cuadro. Puede introducir un número entre -60 y 60.
Ejemplo : Se introduce el número -30.
Aquí está el resultado en el sitio :
Ejemple : Se introduce el número 4.
Aquí está el resultado en el sitio :
Usted puede elegir el tipo de flecha, para eso, haga clic en el círculo debajo de las flechas que más le convenga, un pequeño círculo negro aparecerá, que confirmará su elección.
¿Por qué mi carrusel no funciona?
Hay tres posibles razones :
1 - Las imágenes no son todos del mismo dimensión.
2 - Cuando se pone la imágenes las unas encima de las otras, hay una o más imágenes que no se colocan exactamente en el mismo lugar (préstamo pixel).
3 - Se ha intentado insertar texto o imagen entre las imágenes del carrusel.
El carrusel y móviles
El carrusel no es visible en la versión móviles de su sitio.
Si desea todavía hay una imagen que es visible en la versión móvil al lugar del carrusel, hace esto :
1 -
Insertar en la página la imagen que desea que aparezca en la versión móviles, debe ser ligeramente más pequeño (unos pocos píxeles) que las imágenes que es en su carrusel.
Ejemplo : imágenes del carrusel es de 400 píxeles x 200 píxeles. La imagen que desea que aparezca en la versión móvil es de 399 píxeles x 199 píxeles
Pone la imagen un poco más pequeño en primero en la página. A continuación, pone el resto de las imágenes (que es en el carrusel) sobre la imagen pequeña.
2 -
De esta manera, los clientes estarán en la versión normal de su sitio verán el carrusel y los clientes que están en la versión móvil de su sitio verán la imagen sólo ligeramente más pequeño (sin el carrusel).