ELEMENTO WEB
CARRUSEL
ELEMENTO WEB
CARRUSEL
Nuestros temas vienen con diferentes opciones de carrusel para mostrar imágenes. Los trabajos recientes se pueden mostrar en sus entradas de Portfolio. también lo puede utilizar para listar los logos de sus clientes o imágenes que necesiten ser mostradas en su página.
Carrusel de Trabajos Recientes
El Carrusel de trabajos recientes puede ser usado desde el short code de una columna para poder controlar su tamaño.
Use Carrusel con Columnas
Los trabajos recientes se pueden incluir dentro de un Carrusel que puede meterse dentro de una columna para poder controlar su tamaño. Por defecto, mostrará todas las categorías de los Posts de Portfolio. El usuario puede especificar que sólo una categoría pueda mostrarse en vez de todas las categorías, lo que da un control absoluto sobre los posts que quiera que se muestren.
Client Carrusel
El Carrusel Client puede ser usado dentro de short code de columnas para controlar su tamaño.
Uso de Carrusel con columnas
El Carrusel de Logo de Cliente puede ser usado en short codes de columna. Es perfecto para mostrar los logos de clientes vinculados a los proyectos de tu sitio web o a una página externa. También hay un atributo de link target que permite elegir cómo abrirá el link.
Carrusel de Imágenes
El Carrusel de Imágenes puede ser usado dentro de los short codes de Columna para controlar su tamaño.
Uso del Carrusel con Columnas
El Carrusel de Imágenes puede ser usado en los short codes de columna. Es perfecto para mostrar los logos de los clientes desde los que se puede enlazar directamente a proyectos de su web o a una página externa. También hay un link target que le permite controlar cómo abrirá el link.
Completo Juego de Opciones
Esto no es todo, eche un vistazo a la tabla inferior para conocer todas las opciones de short code incluidas.
- Picture Size = fixed = width and height will be fixed
auto = width and height will adjust to the image. - Hover Type = Select the hover effect type.
- Autoplay = Choose to autoplay the carousel.
- Maximum Columns = Select the number of max columns to display.
- Column Spacing = Insert the amount of spacing between items without ‘px’. ex: 13.
- Scroll Items = Insert the amount of items to scroll. Leave empty to scroll number of visible items.
- Show Navigation = Choose to show navigation buttons on the carousel.
- Mouse Scroll = Choose to enable mouse drag control on the carousel. IMPORTANT: For easy draggability, when mouse scroll is activated, links will be disabled.
- Border = Choose to enable a border around the images.
- Image lightbox = Show image in lightbox.
- CSS Class = Add a class to the wrapping HTML element.
- CSS ID = Add an ID to the wrapping HTML element.
- Image Website Link = Add the url to image’s website. If lightbox option is enabled, you have to add the full image link to show it in the lightbox.
- Link Target = _self = open in same window
_blank = open in new window - Image = Upload an image to display.
- Image Alt Text = The alt attribute provides alternative information if an image cannot be viewed.