JQuery problemas de alineación

[miguelcrc]

Buenas.

Hace poquito he metido en mi web un efectillo con JQuery Cycle, en concreto es el denominado scrollDown.

El problema que llevo observando es que dependiendo del navegador funciona o no correctamente, es decir con IE, la imagen se me alinea a la derecha de la página en lugar de centrarse como hace con el resto de navegadores.
Es posible que esto sea un error conocido por vosotros.. asi que os pido consejo o tendré que quitar el JQuery.

muchas gracias.

[caricatos]

Tema movido desde javascript

[miguelcrc]

A ver.. que os doy unas cuantas pistas más.


Esta parte va arriba para cargar las librerías jquery, creo que con esto no hay ningún problema.

<link rel="stylesheet" type="text/css" media="screen" href="../jq.css" />
<link rel="stylesheet" type="text/css" media="screen" href="cycle.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">></script>
<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.1.1.js"></script>

<script type="text/javascript">
$.fn.cycle.defaults.timeout = 6000;
$(function() {
// run the code in the markup!
$('td pre code').each(function() {
eval($(this).text());
});
});
</script>


El problema viene a la hora de posicionar en el centro la capa "Div" que contiene las fotos que va a ir pasando el efecto JQuey.
Me da la impresión que efectivamente al informarle el <td align = "center"> esto lo que hace es posicionar el cursor en el centro de la pantalla y aquí al llamar las clases del jquery en algún momento y no se porque peta.. y en lugar de centrar el efecto en el centro de la pantalla, lo planta en el lugar que esta en el centro.. con lo que lo deja mal colocado.

<td align = "center">
<div id="s2" class="pics">
<img src="x1.jpg" width="200" height="200" />
<img src="x2.jpg" width="200" height="200" />
<img src="x3.jpg" width="200" height="200" />
</div>
<pre><code class="mix">$('#s2').cycle({
fx: 'scrollDown',
speedIn: 2000,
speedOut: 500,
easeIn: 'bounceout',
easeOut: 'backin',
delay: -2000
});</code></pre>

</td>

Esto es el resultado del error que se produce, como veis debajo del "Bienvenido a nuestra" El cuadrado negro está posicionado a la derecha pisando la columna derecha y debería estar en el hueco del centro.

http://img696.imageshack.us/img696/8758/13319408.png

menuda chapa...
gracias.

[chichote]

por lo que veo el problema no viene de jquery, es problema de css, el posicionamiento de las capas las haces con css, revisa tu css. saludos

[miguelcrc]

Iniciado por Cherivera

por lo que veo el problema no viene de jquery, es problema de css, el posicionamiento de las capas las haces con css, revisa tu css. saludos

nada.. he quitado las css, pero sigue igual.

El efecto siempre sale pisando el margen derecho y rápidamente se centra, el problema con IE es que se queda en el margen derecho y no se centra.

Pero vamos... que preferiría que en lugar de salir al lado derecho y posteriormente centrarse, saliera directamente en el centro.

Si tengo el TD alineado en el centro, como es posible que primero me saque la imagen a la derecha... joeeee que raroooooo.

<tr>
<td align = "center">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">></script>
<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.1.1.js"></script>
<script type="text/javascript">
$.fn.cycle.defaults.timeout = 6000;
$(function() {
// run the code in the markup!
$('td pre code').each(function() {
eval($(this).text());
});
});
</script>

<div id="s2" class="pics">
<img src="y1.jpg" width="550" height="450"/>
<img src="y2.jpg" width="550" height="450"/>
<img src="y3.jpg" width="550" height="450"/>
<img src="y4.jpg" width="550" height="450"/>
<img src="y5.jpg" width="550" height="450"/>
</div>



<pre><code class="mix">
<script>


$('#s2').cycle({
fx: 'scrollDown',
speedIn: 2000,
speedOut: 500,
easeIn: 'bounceout',
easeOut: 'backin',
delay: -2000


});


</script>
</code></pre>

[taigerman32]

Hola, tuve el mismo problema que vos con respecto a que en IE se posiciona en donde quiere y más cuando tenes varios divs con slideshow, intente hasta modificar el posicionamiento del cycle.js pero sin caso, termine cansándome y buscando otra alternativa y dentro de la página de jquery encontré una solución mas fácil este es el link http://plugins.jquery.com/project/Plugins/category/48?page=2 y el dowload es
http://plugins.jquery.com/files/jQuery.easySlides.v1.1.zip, con la explicacion que trae en el ejemplo dentro del zip lo aprendes a usar rapidamente, espero que te sirva.

Saludos!