Versión del complemento de WordPress disponible aquí
CCSlider es un complemento de presentación de diapositivas jQuery único. ¡Admite transiciones 3d! Hay 14 impresionantes transiciones en 3D disponibles y también 16 elegantes transiciones en 2D. Tiene la opción de mencionar un respaldo de transición 2D para navegadores antiguos que no son compatibles con HTML5 Canvas, que se utiliza para producir las transiciones 3D. El control deslizante responde completamente, funciona en dispositivos móviles y admite gestos táctiles para navegar por las diapositivas. El complemento también admite subtítulos HTML, reproducción automática de diapositivas, contenido HTML personalizado y transiciones personalizadas por diapositiva. Consulte a continuación una lista de funciones disponibles en el complemento.
Características
- 14 efectos animados 3D basados en HTML5 Canvas.
- 16 elegantes efectos animados en 2D.
- Recurra a un efecto 2D de su elección para navegadores que no son compatibles con HTML5 Canvas. También puede mencionar una velocidad de animación para el efecto de retroceso.
- Opción para mencionar el número de rebanadas para efectos 3d.
- Opción para mencionar el retraso de la animación entre cortes individuales.
- También puede mencionar en qué dirección se propagará el retraso. Hay cuatro direcciones de este tipo.
- Opción para mencionar el desplazamiento a lo largo del eje z y la separación entre cortes durante la animación para efectos 3D.
- Mencione una opción de aceleración de su elección para efectos 3D.
- Puede mencionar parámetros de transición personalizados para cada diapositiva.
- Opción de tener una sombra para efectos 3d de «Cubo». También puede mencionar un color de sombra de su elección.
- Opción para usar imágenes png transparentes como imágenes de diapositivas para efectos 3D.
- Admite subtítulos HTML. Hay 4 posiciones de subtítulos disponibles: inferior, superior, izquierda, derecha.
- Cada diapositiva puede tener una posición de título diferente.
- Los subtítulos pueden tener transiciones animadas (desvanecimiento, deslizamiento) o ninguna.
- Opción de tener enlaces de control a diapositivas individuales. También puede tener miniaturas como enlaces.
- Cada imagen de diapositiva también puede actuar como un enlace a una página externa.
- Admite contenido HTML personalizado para cada diapositiva. Estos contenidos aparecen sobre las imágenes de las diapositivas. Puedes diseñarlos y animarlos como quieras. También puede incrustar videos en las diapositivas usando esta opción.
- Opción de reproducción automática. Los botones de reproducción/pausa se generan cuando se elige la opción de reproducción automática. En los navegadores compatibles, HTML5 Page Visibility API se utiliza para detener la reproducción automática cuando la pestaña/ventana que contiene el control deslizante está desenfocada y la reproducción automática se reanuda cuando la pestaña/ventana vuelve a estar enfocada, y esto ayuda a evitar el consumo innecesario de energía y recursos de CPU.
- Opción para pausar la reproducción automática al pasar el cursor sobre el control deslizante.
- Totalmente receptivo y funciona en todos los tamaños de pantalla, desde navegadores de escritorio hasta navegadores móviles.
- Puede navegar por las diapositivas usando gestos táctiles en iOS, Android y otros dispositivos con pantalla táctil.
- Se proporcionan opciones para las funciones de devolución de llamada que se ejecutan antes o después de que cambie una diapositiva. También se proporcionan eventos personalizados para estos eventos de cambio de diapositiva ‘antes’ y ‘después’.
- Se proporcionan útiles funciones API, como next(), prev(), start(), stop(), goToSlide() y destroy(), que permiten la manipulación programática de la presentación de diapositivas.
NOTA: Los efectos 3D solo se ejecutarán en navegadores compatibles con HTML5 Canvas. Por otro lado, los efectos 2d se ejecutarán en la mayoría de los navegadores disponibles. Si elige un efecto 3d, puede mencionar un efecto 2d de su elección para los navegadores que no son compatibles con Canvas. Internet Explorer 8 y versiones anteriores no son compatibles con Canvas, pero IE 9 y versiones posteriores sí lo son.
Reseñas
registro de cambios
Versión 3.0.2 (22 de abril de 2013)
• The slider is now compatible with jQuery 1.9+ . • The slider uses HTML5 Page Visibility API, in supported browsers, to stop autoplay when the tab/window containing the slider is out of focus, and resumes autoplay when the tab/window is again in focus.
Versión 3.0.1 (27 de junio de 2012)
• Fixed a bug in which the slider stopped working when the prev/next buttons were disabled in the 3d mode.
Versión 3.0 (16 de junio de 2012)
• The slider now features a fully responsive layout • Slides can be navigated using touch gestures in touch-screen devices • Four caption positions have been provided which are "top", "bottom", "left" and "right" • Each slide can have a different caption position
Versión 2.0.1 (17 de enero de 2012)
• Fixed a bug regarding inactive image links on the first slide on page load. • Image links on being clicked now open pages in the same window. • Updated the documentation.
Versión 2.0 (6 de enero de 2012)
• Added support for custom transitions per slide. • Added support for custom HTML content per slide, which users can style and animate anyway they want. • Slide images can now serve as links to external pages. • Added 4 new 3d effects. • Added 6 new 2d effects. • 3d effects now have extra option parameters for specifying offset along z-axis, separation distance between slices and delay propagation direction. Also rows and columns parameters are there for the new 'grid' 3d effects. • CCSlider now provides API functions such as next(), prev(), start(), stop(), goToSlide() and destroy(). • Custom events corresponding to 'beforeSlideChange' and 'afterSlideChange' callback functions are provided. • Option to use transparent png images as slide images for 3d effects. • Performance improvement in Canvas based 3d effects. • Various small bug fixes.
Versión 1.1.1 (27 de mayo de 2011)
• Fixed a bug in IE9 that was causing the slider images to not display there. • Fixed a bug that was caused when both autoPlay and pauseOnHover options were enabled.
Versión 1.1 (3 de marzo de 2011)
• Added the option to randomize the effects between slides. Details in the documentation. • Added option to start slideshow at any slide.
