2012-01-09 31 views
7

Estoy usando el complemento jQuery Cycle. La página en cuestión está aquí:Detener el ciclo jQuery para ajustar el alto y el ancho de los contenedores

http://harrisonfjord.com/folio/test.html

el menú de la izquierda controla el contenido en el medio de la página utilizando el plugin de ciclo. Muy claro. Sin embargo, el ciclo es la adición de un montón de estilos para las cajas de diapositivas:

<div class="adSlideBox" id="asics" style="position: absolute; z-index: 8; top: 0px; left: 0px; display: block; width: 1020px; opacity: 1; "> 

del código en cuestión es el atributo width que está siendo establecido; Estoy construyendo el sitio basado en un diseño fluido y las imágenes están destinadas a cambiar de tamaño cuando la ventana se redimensiona. ¡Todo funciona bien hasta que Cycle agrega esa desagradable regla de ancho a cada una de mis diapositivas!

¿Cómo puedo lograr que deje de hacer esto? He cumplido con containerResize: 0,, pero fue en vano. Aquí está la llamada jQuery:

$('#adSlideshow').cycle({ 
    fx:  'fade', 
    speed: 'fast', 
    timeout: 0, 
    pager: '#menu', 
    containerResize: 0, 
    pagerAnchorBuilder: function(idx, slide) { 
     // return selector string for existing anchor 
     return '#menu li:eq(' + idx + ') a'; 
    } 
}); 

estoy usando la versión completa del Ciclo de paso, de manera que cambiar la opción containerResize debería funcionar, pero no lo hace. ¿Pensamientos?

¿Es posible acceder al código cycle.js y simplemente extraer esta parte de la función?

EDITAR: Ignore el hecho de que el menú del lado derecho se comporta de manera extraña al cambiar el tamaño de la página, en realidad debe estar en la parte inferior, pero he editado el resto del código para simplificarlo en este sitio de prueba.

+2

¿Usted ha intentado 'slideResize: 0'? – mrtsherman

+0

¡Uf! Eso funcionó, qué simple pasar por alto de mi parte. ¡Por favor vuelva a publicar como respuesta y lo marcaré como correcto! – Jascination

Respuesta

10

uso slideResize: 0 además de containerResize: 0

+2

Por algún motivo, sigue cambiando de tamaño aquí. No funciona. – MEM

+0

Tuve eso también. Arreglé el mío estableciendo la altura del cuerpo al 100% ... eso me ordenó ... –

Cuestiones relacionadas