Documentación Layer Slideshow

Introducción

Layer Slideshow ofrece una experiencia única y simple para crear presentaciones con múltiples diapositivas y capas en Joomla.

 

Layer-Slideshow-main

 

I. INSTALACIÓN LAYER SLIDESHOW

1.1 Instalar

Nuestro componente es compatible con Joomla 3.x. Todas las características y las integraciones de terceros se incluyen en todas las membresías.
Para instalar nuestro componente, debe descargar la extensión .zip y usar el instalador estándar de Joomla.

 

joomla-install

 

Luego haga clic en Examinar> Cargar e instalar Los botones, componentes, módulos y complementos se instalarán activados por defecto.

 

1.2 Actualización y actualizador automático

Para actualizar la extensión, puede instalar una nueva versión sobre la anterior descargando el archivo ZIP de JoomUnited o utilizar el actualizador automático (recomendado).

 

actualización de calificación del artículo

 

El actualizador automático, que envía la notificación de actualización, está integrado en la extensión de Joomla que ha instalado. Por lo tanto, recibirás una notificación como cualquier otra extensión en el panel o mediante el menú: Extensión> Gestionar> Actualizar menú.

Inicie sesión en su cuenta para actualizar

Debe iniciar sesión en su cuenta de JoomUnited para actualizar todas las extensiones de JoomUnited de Joomla. Para iniciar sesión acceda a la configuración principal del componente y haga clic en Pestaña de actualización en vivo. En la parte inferior, encontrarás un botón de inicio de sesión.

 

actualización en vivo

 

Ingrese sus credenciales de JoomUnited, las mismas que usa para iniciar sesión aquí @ www.joomunited.com

 

login-joomunited

El botón se pondrá naranja, felicidades! ¡Ahora puede actualizar todas las extensiones de JoomUnited en este sitio web! Si su membresía ha caducado, recibirá un enlace de renovación y un texto que lo explicará.

 

vinculado a la cuenta

Nota: un solo inicio de sesión le permitirá actualizar todas las extensiones de JoomUnited (con respecto a su membresía). El inicio de sesión no caducará a menos que lo desconectes.

 

II. PRESENTAR TEMAS

2.1 Creación de diapositivas

La idea principal de Layer Slideshow es poder crear una presentación de diapositivas agradable con capas sin complejidad.
En la interfaz principal, en el lado izquierdo tiene acceso a un Nuevo botón. Cada nueva presentación de diapositivas contiene diapositivas y opciones de capas.

 

image7

 

Si no tiene ningún tema, puede consultar nuestros temas de muestra. Hay 5 temas disponibles en total, por favor haga clic Tema de carga botón para ver.

 

image8

 

Una vez que elija una, la parte central se volverá a cargar con el fondo del tema, los enlaces y las capas. Las capas se agrupan en el panel derecho.

 

image9

 

Tenga en cuenta que cada tema tiene un número de diseño diferente, el tema 1 tiene 1 capa, el tema 2 tiene 2 capas ...


Debajo de la diapositiva, puedes ver Vista previa de todas las diapositivas botón y hay 3 dispositivos (portátil / computadora de escritorio, tableta, móvil) para que compruebe cómo se verá su presentación de diapositivas.

También puedes usar Diapositiva duplicada o Añadir nueva diapositiva botón a la derecha.

 

botón deslizante

 

Cada diapositiva contiene Editar y retirar icono

 

image11

 

Si desea hacer su propia presentación de diapositivas, puede usar los botones del panel derecho. Por favor, consulte el siguiente capítulo a continuación.

2.2 Ajustes de diseño

Puede definir un diseño específico para cada presentación de diapositivas. Es mejor definir el diseño antes de comenzar la edición de capa porque determinará el ancho de la imagen, el tamaño del texto, la posición de los elementos ...

 

image12

 

Las opciones de diseño de la presentación de diapositivas son las siguientes:

  • Sensible: Haga su presentación de diapositivas con un elemento adaptable para dispositivos móviles, todo el texto, las imágenes se redimensionarán dinámicamente con respecto a los dispositivos móviles
  • Alinear la presentación de diapositivas: Alinear toda la presentación de diapositivas
  • Ancho / alto: Definir la anchura / altura de la presentación de diapositivas. Este es el parámetro más importante, porque una vez establecido, todas las imágenes que pondrás en la presentación de diapositivas pueden cambiar de tamaño con nuestra herramienta de recorte a esta dimensión. Si cambia el tamaño, es posible que deba actualizar sus imágenes.
  • Duración: Definir la duración de cada diapositiva.
  • Estilo de botón: definir el estilo del elemento de navegación
Para hacer una presentación de diapositivas de ancho completo, tiene 2 opciones: establecer el ancho en "100%" o definir un tamaño completo fijo, por ejemplo, algo así como un ancho de 1900px.

2.3 Agrega una presentación de diapositivas en tu contenido

Para agregar una presentación de diapositivas en su contenido y ponerlo en línea, debe usar el botón editor. Cargue un artículo, un módulo personalizado o cualquier otra cosa y haga clic en el Layer Slideshow botón.

 

image13

 

A continuación, elija una presentación de diapositivas para insertar

 

image14

 


III. Edición de diapositivas

3.1 Deslice el fondo

Cada diapositiva tiene un fondo, puede cargar la suya desde su biblioteca de imágenes o utilizar nuestra Biblioteca en línea.

 

image15


los Seleccionar El botón abrirá una caja de luz con un administrador de medios, esta es una versión mejorada del administrador de medios de Joomla.

 

image16


Le ofrece opciones para arrastrar y soltar nuevas imágenes, seleccionar, eliminar, ajustar o aplicar efectos en las imágenes.

image17


Lo más importante es la función de cultivo. La función de recorte cargará una ventana con su imagen y un marco que toma el tamaño de la presentación de diapositivas definido en el diseño.

 

image18


Haga clic en el Delimitar imagen Botón para insertar la imagen recortada como fondo.

3.2 editor de capas de botones

Puede crear una nueva capa de botón haciendo clic en + Capa Botón en el panel derecho.

 

crear botón

 

Después de llenar el formulario, haga clic en Crear capa botón. Aparece un nuevo botón en su diapositiva.

 

image19

 

El administrador de botones le permitirá crear su propio estilo de botón, almacenarlo y reutilizarlo más tarde. Por lo general, los botones están definidos para todas las diapositivas y deben reutilizarse.

 

image20


Podrá crear un estilo utilizando la herramienta de la ventana del lado izquierdo y luego Insertarlo / Guardarlo / Editarlo. Tiene opciones para definir el fondo, los estilos de borde y el efecto de desplazamiento del mouse.

 

image21

 

Para insertar un botón en el contenido, tiene la opción de hacer clic en el botón Insertar o en el símbolo + de un botón guardado.

 

image22

 

También puede editar y guardar un estilo existente, simplemente haga clic en el lápiz y cambie los parámetros.

 

image23

 

Finalmente, puede definir un enlace personalizado para el botón.

 

image24

 

3.3 editor de capa de imagen

Puede crear una nueva capa de imagen haciendo clic en + Capa Botón en el panel derecho.

 

crear imagen

 

Puede insertar su propio icono o imagen en la capa de imagen haciendo clic en Botón editar para cambiarlos

 

image26

 

Luego, podrá elegir su propia imagen o usar una imagen de nuestra Biblioteca de JU o un icono de Icon Finder.

Por supuesto, puede definir la posición de cada elemento a partir de la vista previa con arrastrar y soltar.

3.4 editor de capas de video

Puede agregar una nueva capa de video haciendo clic en + Capa Botón en el panel derecho.

 

crear-video

 

Al hacer clic en Editar En el icono de la capa de video, puede cambiar la URL del video a la capa. Soporta URL de video de Youtube, Vimeo, Dailymotion.

 

editar video-capa

 

3.5 Transiciones

Puede configurar las transiciones para una diapositiva o todas las diapositivas en su presentación. Existen 2 tipos de transiciones: 2D y 3D.

 

seleccionar transiciones

 

Cada capas tiene Transiciones de capa pestaña para que pueda elegir el estilo para ellos.

 

transición de capa

 

IV. Bibliotecas de imágenes

4.1 Biblioteca JoomUnited


JU Library es una biblioteca externa que alojamos para brindarte imágenes agradables y gratuitas. Todas las imágenes de nuestra biblioteca se descargarán y almacenarán en SU ​​servidor. Así que puedes hacerlo todo el tiempo que quieras.
La biblioteca es accesible siempre y cuando su suscripción sea válida.

 

image27


La biblioteca de JU contiene imágenes de trazado de recorte (con fondo transparente) e imágenes de fondo. Utilice la marca de verificación para seleccionar uno o ambos.

 

image28

 

También puedes hacer una búsqueda de etiquetas.

 

image29


Una vez que haya seleccionado una imagen, podrá descargarla en su servidor y editarla.

 

image30

 

4.2 Integración del buscador de iconos

Una integración del buscador de iconos también está disponible para cargar, por ejemplo, iconos de redes sociales.

 

image31


Se abrirá un buscador.

 

image32

 

Puede realizar una solicitud y también utilizar el sistema de filtrado de tamaño.

 

image33

 

Luego, al igual que en la herramienta Biblioteca de JU, podrá descargar su icono en su servidor. También tiene opciones de descarga de tamaño con respecto al filtrado definido anteriormente.

 

image34