Animar capas que contienen flash

[chemon]

Saludos a todos
Tengo hecho un carrusel de imagenes que funciona sin problemas, me mueve las fotos deslizandose sin problemas.
Sin embargo, si lo que trato de deslizar es una película de flash no hace el efecto de deslizamiento, sino que cambia la posición de la capa sin ningún tipo de animación

Es un carrusell de banners y se supone que se deben poder subir fotos y peliculas flash. Mi pregunta es si es posible animar una capa con jquery que contenga una película flash


Gracias

[Hugo_Euan]

Algo así como esto ??

http://www.100pies.com.mx/medicosenred/

el carrusel contiene imagenes normales y un flash, =P
eso es lo que buscas?

[chemon]

Gracias Hugo_euan
Es algo parecido.
La ideas es que se muestra el slider con una serie de elementos, se pare unos segundos y se desplace unos pixels determinados para volver a pararse y continuar de esta manera.
Tengo el slider funcionando correctamente pero cuando le añado una película flash no me hacce la animación.
¿alguna sugerencia de porque motivo lo hace?

Gracias

[Panino5001]

Probá colocándole al swf el atributo wmode en transparent u opaque (el valor por defecto es window).

[Hugo_Euan]

bueno tal vez podrias publicar la parte del carrusel para examinarlo y ver si podemos dar con el fallo, de momento, no se me ocurre nada...

[chemon]

Gracias por la ayuda a todos
Por motivos de plazos tengo que dejar pendiente la cuestión, así que lo voy a limitar a archivos de imagen.
Adjunto el código aunque lo que hice fue sacarlo de un tutorial de jquery

Código Javascript:

$(document).ready(function(){
    spacing = 253; //Espacio ancho que ocupan las miniaturas
    minis   = 1; //Numero de miniaturas que aparecen
    dist_esconder = -1000; //donde colocamos la miniatura cuando esta escondida. Puede ser necesario cambiarla
    
    $('#featured').css({
        //'width': spacing * minis,
        'width': '190px',
        'height': '253px',
        'overflow': 'hidden'
    }).find('.covers a').css({
        'position': 'absolute',
        'top': dist_esconder,
        'left': 0
    });
 
    var setUpCovers = function(){
        var $covers = $('#featured .covers a');
        
        for (c = 0; c < minis; c++){
            $covers.eq(c).css('top', spacing * c);
        }
    };
 
    setUpCovers();
    
    repeticion = setTimeout(top, 3000);
});
 
function top(){
    //var spacing = 220;
    var $covers = $('#featured .covers a');
    
    for (c = 0; c < (minis) ; c++){
        $covers.eq(c).animate({'top': spacing * (c + 1)}, 'fast');  
    }
    $covers.eq($covers.length - 1)
        .css('top', -spacing)
        .animate({'top': 0}, 'fast', function(){
            $(this).prependTo('#featured .covers');
                                               });  
    clearTimeout(repeticion);
    repeticion = setTimeout(top, 3000);
}
 

El css de partida es el siguiente

Código CSS:

#featured{  position: relative; width: 210px;height: auto; overflow: scroll; margin:0; padding: 5; text-align: center; background-color:#ccccCC }
        #featured .covers{ heigth:auto;}
 

Y por último el código html

Código HTML:

<div id="featured">
                <div class="covers" onmouseover="clearTimeout(repeticion);" onmouseout="repeticion = setTimeout(left, 3000);">
                    <a href="#"><img src="Forest.jpg" border="0" /></a>
                    <a href="#"><img src="Humpback-Whale.jpg" border="0" /></a>
                    <a href="#"><img src="Tree.jpg" border="0" /></a>                                        
               </div>
             </div>
 

Cuando en el ancla introduzco un swf en lugar de una imagen no me realiza la animación.

Por tema de cumplir plazos con el cliente lo voy a limitar de momento a imágenes que funciona correctamente, pero no descarto implementarlo más adelante. Puede que tarde en contestar por lo liado que voy

De nuevo gracias a todos por el interés