Hola te dejo un ejemplo.
El primer div, contiene una imagen, en mi caso un boton. El segundo div contiene otra imagen que seria una portada.
Lo que quiero hacer es cuando preciono el primer div osea el boton esta imagen aparezca de apoco o desaparezca como vos quieras.
Los dos div que las imagenes estan en CSS. fijate el segundo div que la imagen esta oculta.
Código HTML:
Ver original<div onclick="BYSER('B1')" class="BYIMAG5" id="IMG5"></div> <div class="SERV_1" id="SERV_1" style="display:none"></div>
hago una funcion , fijate que la funcion se llama igual que "onclick del div"
Código Javascript
:
Ver original<script language="javascript" type="text/javascript">
function BYSER(B1) {
$('#SERV_1').fadeIn(900);/* Muestro Imagen del Segundo DIV, 900, creo que es en milisegundos, anda probando*/
$('#SERV_2').fadeOut(800);/* Se esconde el mismo div. */
}
Espero que te sirva saludos
Fede
PD: al principio de tu HTML tenes que poner la siguiente linea para que se ejecute jQuery.
Código Javascript
:
Ver original<script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript"> </script>