WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

KenBurner Deslizador jQuery Plugin

¿Qué es?

Kenburner es la forma superior de la utilización de un regulador en su sitio web. Una combinación de efecto Ken Burns, el estado de la técnica de control deslizante y texto Animaciones define este control .

Personalizar este slider con un poco de HTML y CSS para tus propias necesidades. Dé a cada deslizador algunos títulos para el transporte de su mensaje. Utilice sus Burns animados elementos de banner Ken con la posibilidad de jugar a YouTube y Vimeo clips en una vista de detalle especial con la descripción de texto.

Release v.1.3 ( 19.08.2012 )

• Chrome Bug Mayor con miniaturas y animación lienzo fijo. Shadow se retira de Miniaturas en Chrome
• Nueva función del temporizador se ha añadido ( showTimer on / off a través de Opciones y Settings.css )
• Icono de pausa se ​​muestra en la esquina superior derecha (via settings.css puede ser de estilo o eliminado )

Bug Fijación 16.05.2012

• Conflictos plugin ha sido resuelto dentro del Plugin cssAnimation

Corrección de errores y las nuevas características 10.05.2012

• Shadow izquierda / derecha / repitió reparado . Algunos errores de tamaño ha sido reparado
• En conjunto los ajustes Ancho / Alto opción no fue igual a outter dimensionamiento de Banner. Este tema ha sido reparado ! Cuidado, si se actualiza a la nueva versión, el contenedor será de 20 píxeles más pequeños debido a los rellenos y las fronteras !
• Añadida nueva opción para activar / desactivar la Chrome Bug Canvas Google . En Chrome las transiciones fadeover se intercambian contra las transiciones de diapositivas de ignorar el Bug lienzo en Chrome

Google Chrome Bug / desvanecimiento de transición Bug 09.05.2012

El lates GoogleChrome Update ( 18.0.1025.168 ) tiene algunos errores en la representación de la lona . Por esta Bug Fade Over transición no tendrán ningún problema entre las diapositivas. Usted verá algunos parpadeo al cambiar entre diapositivas con transiciones de fundido . Dado que este problema no existe en el IE o FF sólo podemos dar una pequeña solución en el plugin de ignorar automáticamente transiciones de fundido en Google Chrome. Si usted está interesado, por favor descargue nuestra próxima actualización!

A través de la opción repairChromeBug : "on" puede decidir cuando lo desee para cambiar automáticamente la transición de fundido contra la transición de diapositivas en Chrome.

Muchas gracias, y si usted tiene cualquier pregunta, por favor no dude en ponerse en contacto con nosotros a través de http://themepunch.ticksy.com !

Update adicional Característica de 10 de febrero 2012

Utilice la documentación Ruta de actualización para actualizar su versión anterior.

• Añadido función de Lazy Loading . Establecer a través de la opción cuántas diapositivas deben precargado
• Usando Google Font se simplifica. Sólo tienes que configurar a través de la opción de fuente google y la biblioteca js .
• JS Library se reduce al mínimo y se fusionó . Resultado : carga más rápida de la Biblioteca

Update adicional Característica de 08 de febrero 2012

• Auto Calculado titular Tamaño recipiente dependiendo de Banner y tamaños thumnail
• Vídeo símbolo en Thumbs (on / off) Opción Alta
• Opción deslizante Auto
• Toolbar Bulletpoint opcional

Actualización del 01 de febrero 2012

• IE8 segundo bug Slide eliminado
• Vídeo Roll Over en IE7 y IE8 Bug eliminado
• cssAnimate JS bug eliminado

Entonces, ¿qué es lo nuevo ?

Para obtener la mejor perfomance de que utiliza HTML5 Canvas Animation . Si esto no es posible en el explorador que se replegará para CSS Animación. Y si utiliza un navegador que no esta lo hará retroceder a una versión de jQuery. Así que funciona en todos los navegadores modernos (incluyendo IE7 / 8) y en los dispositivos móviles con el mejor rendimiento posible!

El Ken Burns es totalmente personalizable: Start-, punto final, acercar o alejar, Factor de zoom están todos en los diferentes parámetros de control deslizante . O se vuelven locos y selecciona "Random " !

Y no se olvide que usted no sólo puede animar a sus transiciones de imágenes y el efecto Ken Burns, pero los elementos ( texto, iconos, fotografías ... ) en cada diapositiva también. Puede crear una cantidad ilimitada de objetos y dejar que ellos aparecen con estilo!

¿Esto realmente funciona en todos los navegadores y en los móviles ?

Claro que trabajatodos los navegadores modernos (incluyendo IE7 / 8 )y sigueiOS (iPad, iPhone )yAndroiddispositivos móviles gracias a su sistema de reserva de 3 capas .Touch swipepara dispositivos móviles Android y iOS es, por supuesto, incluido.

Echa un vistazo a la versión móvil

¿Cuáles son las características ?

• Imagen y pulgares completamente redimensionable
• Usando Animación lona con reserva para CSS Animación y también con retroceso a jQuery
• Opcional efecto Ken Burns
• Capas Caption ilimitados
• Diapositivas ilimitados
• Personalizable Efecto Ken Burns, ( StartEnd posiciones y zoom o aleatorio)
• habilitado iPhone / iPad y Android Swipe Touch
• jQuery plugin gratuito de conflictos
• Personalizable 100 % a través de parámetros del plugin / CSS / HTML
• Fácil instalación en su sitio web
• Easing especial
• Ejemplo Page incluido
• Ejemplo Picture Efecto Instrucción PSD incluido
• 2 Las imágenes se utilizan para Hover -efectos, por lo que pueden construir todos los efectos que desee (blur, escala de grises ... ) con la herramienta de imágenes favorito

¿Es difícil de implementar ?

No! Es la forma típica de implementar unjQueryplugin. Usted sólo tiene que saber algo de HTML y Javascript.
El ejemplo dado es un punto de partida maravilloso para construir su propio regulador de ella. Ponga los enlaces JS y CSS en la cabecera de su página HTML y poner en algunos elementos DIV para sus artículos.

El Efecto de transición de la falta de definición se basa en el cambio de 2 imágenes . Nuestro PSD Instrucción le da la Knowlegde para reproducir este efecto en sus imágenes .

Las imágenes que se ven en la vista previa se licencian en Fotolia y no se incluyen en la descarga. La descarga de este artículo contiene imágenes de marcador de posición con las etiquetas de cota.

WordPress Themes por ThemePunch

WordPress Themes por ThemePunch

Componentes de ThemePunch