Lsaquolsaquo inicio jQuery Cycle Plugin Echa un vistazo a Cycle2. Lo último en la línea Ciclo de presentaciones de diapositivas. El complemento jQuery Cycle es un complemento de diapositivas que soporta muchos tipos diferentes de efectos de transición. Es compatible con pausa-en-hover, auto-stop, auto-ajuste, antes / después de devoluciones de llamada, disparadores de clic y mucho más. También soporta, pero no requiere, el complemento de Easing. Cómo funciona El complemento proporciona un método llamado ciclo que se invoca en un elemento contenedor. Cada elemento secundario del contenedor se convierte en una diapositiva. Las opciones controlan cómo y cuándo se realizan las transiciones de las diapositivas. Demos shuffle zoom fade turnDown curtainX scrollRight (click) Las imágenes se utilizan en estas demostraciones porque se ven bien, pero las presentaciones de diapositivas no se limitan a las imágenes. Puede utilizar cualquier elemento que desee. Efectos de reproducción Utilice la página Navegador de efectos para obtener una vista previa de los efectos disponibles. Ver más demostraciones y ejemplos Opciones El complemento Cycle ofrece muchas opciones para personalizar la presentación de diapositivas. Los valores de opción predeterminados pueden anularse pasando un objeto de opción al método de ciclo, utilizando metadatos en el elemento de contenedor o redefiniendo los valores en su propio código. Para obtener más información acerca de las opciones, consulte la página de referencia de opciones. Agradecimientos Agradecimientos especiales a Torsten Baldes. Matt Oakes y Ben Sterling por las muchas ideas que me han empezado a escribir Ciclo en el ciclo de 2007.lsaquolsaquo home jQuery Cycle Plugin - Demos para principiantes 1 - Definir su marcado y estilos Todos los ejemplos en esta página utilizan el siguiente marcado y CSS: 2 - Elija un efecto Puede elegir entre cualquiera de los siguientes efectos: blindX blindY blindZ cubierta curtainX curtainY fade fadeZoom growX growY scrollUp scrollDown scrollLeft scrollRight scrollHorz scrollVert shuffle slideX slideY turno turnUp turnDown turnLeft turnRight descubre el zoom borrar Usted especifica el nombre del efecto por cualquiera Pasando una cadena al método de ciclo o usando un objeto de opciones y estableciendo la propiedad fx al nombre del efecto deseado.3 - Elegir valores de velocidad y tiempo de espera A continuación, puede elegir valores de velocidad y tiempo de espera para controlar la velocidad y la frecuencia Las transiciones de diapositivas ocurren. La opción de velocidad define el número de milisegundos que se tardará en la transición de una diapositiva a la siguiente. La opción de tiempo de espera especifica cuántos milisegundos pasarán entre el inicio de cada transición. 4 - Elegir otras opciones Hay muchas otras opciones para elegir. Dos que usted puede encontrar útil son pausa y al azar. La opción de pausa hace que la presentación de diapositivas haga una pausa cuando el ratón se cierne sobre la diapositiva. La opción aleatoria hace que las diapositivas se muestren en orden aleatorio, en lugar de secuencial. Cosas a tener en cuenta - Reglas CSS Al crear sus presentaciones de diapositivas, recuerde que los efectos de animación funcionan mejor cuando el contenedor y la diapositiva tienen una caja fija. - Recuerde que cada elemento hijo del contenedor se convierte en un slideSetup Ken Edwards (meancode) hizo un complemento para que sea fácil de instalar y usar AnythingSlider Siga las secciones de instalación y configuración del complemento en el readme mt-plugin-anythingslider. Jacob Dubail (jacobdubail en github) ha hecho un plugin para hacer la instalación AnythingSlider fácil en WordPress Intallation: Puede instalar AnythingSlider para WordPress directamente desde el panel de administración de WordPress. Visita la página Plugins / Add New y busca AnythingSlider para WordPress. Haga clic para instalar automáticamente. Una vez instalado y activado, visite la página de administración AnythingSlider (Settings / AnythingSlider) para personalizar la configuración global de AnythingSlider. Si estás en la vieja escuela, puedes descargar el plugin. Cargue los archivos en el directorio wp-content / plugins de su servidor a través de FTP, y luego visite la página Plugins del panel de administración para activarla. AnythingSlider versión 1.7.5 ya no es compatible con jQuery 1.3.2. Así que si su sitio usa 1.3.2, tendrá que descargar una versión anterior. La versión jQuery mínima actual es 1.4.2, pero utilice la versión más reciente ya que todavía existen algunos problemas conocidos con las versiones 1.5 y anteriores. De forma predeterminada, AnythingSlider se escribió para trabajar con jQuery versión 1.4. Pero si debe usar jQuery 1.3.2, abra el archivo jquery. anythingslider. js en un editor y descomente la última sección. También tenga en cuenta que las versiones de jQuery anteriores a 1.5 tienen un problema con controles deslizantes de más de 10.000 píxeles (consulte el FAQ para obtener más detalles). No puedes realizar esa acción en este momento. Has iniciado sesión con otra pestaña o ventana. Vuelve a cargar para actualizar tu sesión. Saliste en otra pestaña o ventana. Vuelve a cargar para actualizar tu sesión.
No comments:
Post a Comment