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.
