CCSlider - jQuery 3D Slideshow Plugin

[ad_1].

PruébaloCómprelo ahora por 16Solicite nuestro apoyo

CCSlider è un plugin jQuery che consente di creare slideshow 3D responsivi e personalizzabili. Questo strumento è molto utile per chi ha bisogno di aggiungere un tocco di eleganza e interattività ai propri siti web.

Una de las características más interesantes de CCSlider es su facilidad de uso. No es necesario conocer el lenguaje de programación, aunque esto puede ayudar a personalizar el plugin. El plugin utiliza un sencillo código HTML escrito de forma clara y legible, y permite añadir la entrada visual más importante en pocos minutos.

CCSlider fue creado para ser flexible y personalizable, lo que lo hace adecuado para una amplia gama de usos. La mayoría de las opciones pueden editarse mediante un sencillo editor de texto o a través de la interfaz de usuario del navegador. De este modo, puede crear presentaciones de diapositivas totalmente personalizadas según sus necesidades.

Le opzioni del plugin di CCSlider possono essere suddivise in due sezioni: le opzioni di base, che riguardano l’impostazione del plugin, e le opzioni avanzate, che permettono una maggiore personalización del tuo slideshow.

Las opciones básicas incluyen la posibilidad de elegir entre dos estilos diferentes para su presentación de diapositivas. Esto significa que puede seleccionar un estilo de carga progresiva o un estilo de precarga completa. La carga progresiva no requiere que se descargue todo el contenido de la presentación antes de mostrarlo, sino que permite ver el contenido ya disponible durante el proceso de carga. La carga previa completa, por el contrario, descarga todo el contenido antes de que se muestre la presentación.

La opción de reproducción automática se utiliza para iniciar el pase de diapositivas automáticamente, sin que el usuario tenga que hacer nada. Se trata de una opción muy útil si desea crear un pase de diapositivas de presentación o un banner publicitario.

Puede establecer el temporizador entre los cambios de diapositiva y la duración de cada diapositiva individual. CCSlider le permite establecer tiempos de transición para cada diapositiva individual. De este modo, puede crear una presentación temporizada o personalizar el tiempo entre diapositivas.

CCSlider también le permite elegir la posición de los botones de navegación y los botones de miniaturas. La posición de sus botones de navegación y miniaturas podría ser en la parte superior, inferior, izquierda, derecha o en cualquier esquina.

Además de las opciones básicas, CCSlider ofrece opciones avanzadas que permiten personalizar aún más el pase de diapositivas. Las opciones avanzadas incluyen la elección del tipo de efecto de transición, el ajuste de la velocidad de transición y la posibilidad de añadir texto, imágenes y atraer al usuario de otras formas.

Una de las características más interesantes del plugin es la posibilidad de crear una serie de plantillas de efectos de transición, que puedes utilizar para crear presentaciones de diapositivas con diferentes efectos de transición, como el efecto fundido, el efecto cubo y el efecto esfera.

CCSlider también integra una función de zoom, que permite ampliar determinadas partes de las imágenes dentro de las presentaciones de diapositivas. Además, CCSlider admite la creación de una animación de fondo personalizada o la adición de elementos dentro de su presentación de diapositivas.

CCSlider es perfecto para cualquiera que busque una opción sencilla, flexible y personalizable para crear un pase de diapositivas en 3D en su sitio web. La facilidad de uso del plugin le permite crear una hermosa presentación de diapositivas en menos de cinco minutos, mientras que las opciones avanzadas le permiten personalizar su presentación de diapositivas de acuerdo a sus necesidades. Con CCSlider, podrá crear pases de diapositivas de aspecto profesional incluso sin conocer los detalles de la codificación.

1. ¿Qué es CCSlider?

CCSlider es un plugin único para jQuery que permite crear presentaciones de imágenes con transiciones 3D. Tiene 14 transiciones 3D diferentes y 16 transiciones 2D disponibles.

2. ¿Cuáles son las principales características de este plugin?

CCSlider cuenta con numerosas funciones, entre las que se incluyen:

- 14 transiciones 3D animadas basadas en HTML5 Canvas.
- 16 transiciones animadas en 2D.
- Soporte para degradar a una transición 2D de su elección para los navegadores que no soportan HTML5 Canvas.
- Ajuste del número de piezas para las transiciones 3D.
- Establecer el retardo de la animación entre las partes.
- Ajuste de la dirección de retardo.
- Ajuste del desplazamiento del eje z y de la separación entre piezas.
- Ajuste de una función de suavizado de su elección para las transiciones 3D.
- Posibilidad de establecer parámetros de transición personalizados para cada diapositiva.
- Se puede ajustar el sombreado para las transiciones 3D "Cubo".
- Soporte para imágenes PNG transparentes como imágenes de diapositivas para transiciones 3D.
- Soporte para subtítulos HTML.
- Cada diapositiva puede tener una posición de pie de foto diferente.
- Los subtítulos pueden tener transiciones animadas (desvanecimiento, desplazamiento) o no tener transición alguna.
- Opción de controlar los enlaces para diapositivas individuales. También es posible tener miniaturas como enlaces.
- Cada imagen de diapositiva puede servir de enlace a una página externa.
- Soporte para contenido HTML personalizado para cada diapositiva. Este contenido aparece en la propia diapositiva. También es posible incrustar vídeos en las diapositivas.
- Se puede activar la opción de reproducción automática. Se proporcionan botones de reproducción/pausa cuando se selecciona la opción de reproducción automática. En los navegadores compatibles, la API de visibilidad de página HTML5 se utiliza para detener la reproducción automática cuando la pestaña/ventana que contiene el control deslizante no está en primer plano.
- La reproducción automática puede detenerse al pasar el ratón por encima de la barra deslizante.
- Es totalmente adaptable y funciona en todos los dispositivos, desde ordenadores de sobremesa hasta dispositivos móviles.
- Navegación por diapositivas mediante gestos táctiles en iOS, Android y otros dispositivos con pantalla táctil.
- Hay opciones disponibles para las funciones de callback que se ejecutan antes o después de que cambie una diapositiva. También hay disponibles eventos personalizados para estos eventos de cambio de diapositiva anterior y siguiente.
- Se ponen a disposición funciones útiles de la API como next(), prev(), start(), stop(), goToSlide() y destroy(), que permiten la manipulación programática de la presentación.

3. ¿Funcionan las transiciones 3D en todos los navegadores?

Las transiciones 3D sólo funcionan en navegadores compatibles con HTML5 Canvas. En cambio, las transiciones 2D funcionan en la mayoría de los navegadores. Si elige una transición 3D, puede definir una transición 2D en el caso de navegadores que no admitan Canvas. Internet Explorer 8 y anteriores no admiten Canvas, pero IE 9 y posteriores sí.

4. ¿Existen reseñas disponibles para este plugin?

Sí, hay algunos comentarios disponibles en Codecanyon. Puedes verlas haciendo clic en el enlace 'Opiniones' de la descripción del plugin.

5. ¿Qué versiones se han publicado en el pasado y cuáles eran las novedades?

Las versiones publicadas en el pasado son las siguientes:

- Versión 3.0.2 (22 de abril de 2013): La presentación se ha hecho compatible con jQuery 1.9+. La API de visibilidad de página HTML5 en los navegadores compatibles se utiliza para detener la reproducción automática cuando la pestaña/ventana que contiene el deslizador no está en primer plano, y reanudar la reproducción automática cuando se reactiva la pestaña/ventana.
- Versión 3.0.1 (27 de junio de 2012): se ha corregido un problema por el que la presentación dejaba de funcionar cuando se desactivaban los botones anterior/siguiente en el modo 3D.
– Versione 3.0 (16 giugno 2012): l’opzione receptivo layout è stata aggiunta alla presentazione. Le slide possono essere navigate usando gesti touch sui dispositivi touchscreen. Sono state messe a disposizione quattro posizioni di didascalia, “top”, “bottom”, “left” e “right”. Ogni slide può avere una posizione di didascalia diversa.
- Versión 2.0.1 (17 de enero de 2012): se ha corregido un problema relativo a los enlaces de la primera imagen de la presentación que no estaban activos al cargar la página. Ahora, al hacer clic en los enlaces de las imágenes, se abren las páginas en la misma ventana.
– Versione 2.0 (6 gennaio 2012): il supporto per transizioni personalizzate per ogni slide è stato aggiunto. Supporto per il contenuto HTML personalizzato per ogni slide è stato aggiunto, permettendo l’uso del proprio stile di contenuto animabile. Le immagini delle slide possono fungere da collegamenti esterni. Sono state aggiunte 4 nuove transizioni 3D e 6 nuove transizioni 2D. Le transizioni 3D adesso hanno ulteriori opzioni per specificare lo spostamento sull’asse z, la distanza di separazione tra le parti e la direzione dell’animazione di ritardo. Anche le righe e le colonne sono presenti nelle nuove transizioni ‘grid’ 3D. CCSlider ora fornisce funzioni API quali next(), prev(), start(), stop(), goToSlide () e destroy(). Sono forniti eventi personalizzati relativi alle funzioni di callback “beforeSlideChange” e “afterSlideChange”. È possibile utilizzare immagini PNG trasparenti come immagini delle slide per le transizioni 3D. È stata migliorata la velocità di esecuzione nelle transizioni 3D basate su Canvas. Diverse correzioni di piccoli bug sono state apportate.
– Versione 1.1.1 (27 maggio 2011): è stata corretta una problematica relativa all’incompatibilità delle immagini della presentazione su IE9. È stata corretta una problematica relativa al funzionamento dell’autoplay e di pauseOnHover.
– Versione 1.1 (3 marzo 2011): È stata aggiunta l’opzione di casualità nella scelta delle transizioni tra le slide, oltre alla possibilità di avviare la presentazione da un punto qualsiasi.

“Stai avendo problemi con CCSlider – jQuery 3d Slideshow Plugin? Non preoccuparti! Se hai bisogno di assistenza per l’installazione e la configurazione del plugin, contattaci aprendo un ticket alla G Tech Group inviando una mail a support@gtechgroup.it. Ti forniremo un’assistenza completa per risolvere qualsiasi problema possa sorgere!”

[ad_2]
Fuente