el mismo efecto pero con imagenes rollover

laaz13 · #1 (**permalink**) 03/12/2010, 23:52

Buen dia companeros

necesito hacer un efecto de fade in fade out con un texto

tengo el siguiente codigo

Código HTML:

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
    $( function (){
        $('#enlaces a').click( function (){
            //Al div que esta visible lo oculto
            $('#contenedorinfo>div:visible').fadeOut();
            //Recupero el index del enlace clickeado
            index = $('#enlaces a').index( $(this) );
            //Muestro el div que tiene mismo indice que el enlace clickeado
            $('#contenedorinfo>div:eq('+index+')').fadeIn();
        });
    });
  </script>
  <style>
      #contenedorinfo>div{display:block}
  </style>
</head>
<body>

<ul id="enlaces">
	<li><a href="#">Enlace 1</a></li>
	<li><a href="#">Enlace 2</a></li>
	<li><a href="#">Enlace 3</a></li>
	<li><a href="#">Enlace 4</a></li>
</ul>

<div id="contenedorinfo">
    <div>
   	cool lo mas cool probando <img src="Luis.png" width="227" height="205"></div>
   	<div>
    	esta es la info2
    </div>
   	<div>
    	esta es la info3
    </div>
   	<div>
    	esta es la info4
    </div>
</div>

</body>
</html>

ahora necesito hacer esto mismo pero con imagenes rollover

Gracias

caricatos · #2 (**permalink**) 04/12/2010, 05:03

Hola:

Si te interesa hacerlo con tu librería, avisa para mover el tema, pero los efectos fadein/fadeout no son otra cosa que variación gradual de sus opacidades, entre 0 y 1 en los estándares, y entre 0 y 100 con los filtros explorer... suele temporizarse (setTimeout)

Saludos

laaz13 · #3 (**permalink**) 04/12/2010, 11:47

el codigo que postie, me funciona con enlaces

enlace uno desaérece div y aparece nuevo div y asi sucesivamente..

pero ahora ese mismo efecto lo quiero hacer con imaganes rollover, como un menu.

nose a donde iria ese post

Gracias

laaz13 · #4 (**permalink**) 05/12/2010, 12:33

sera dificil lo que estoy pidiendo? que no obtego mas respuesta

caricatos · #5 (**permalink**) 05/12/2010, 15:46

Tema movido desde javascript

laaz13 · #6 (**permalink**) 06/12/2010, 00:02

Gracias espero obtener ayuda