en este ejemplo se ve que la imagen con el texto rotan con un tiempo de 5 segundos. pero yo quiero que tambien el texto haga un efecto. al momento de cargar la imagen, que tambien se anime el texto. puse como las funciones slideDown y fadeOut. solo hace efecto en la primera imagen, pero en el resto de las imagenes no.
aqui esta lo que modifique.
Código Javascript :
$(document).ready(function(){
$("#featured > ul").tabs({
fx:{
opacity: "toggle",
}
}).tabs("rotate", 5000, true);
$("#featured .info").fadeOut();
$("#featured .info").slideDown();
});
y este es el div que haga la animacion.
Código HTML :
<!-- First Content --> <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="images/banner1.jpg" alt="" width="700" height="433" /> <div class="info"> <h2><a href="#">15+ Excellent High Speed Photographs</a></h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....<a href="#" >read more</a></p> </div> </div>
mi pregunta es como hago para que el div con el texto haga la animacion ?.
aqui esta lo que he modificado.
saludos.
