Foros del Web » Creando para Internet » CSS »

Ocultar imagen

Estas en el tema de Ocultar imagen en el foro de CSS en Foros del Web. Hola, tengo un html en donde utilizo jquery, son 2 filas de imagenes. La superior estan todas ocultas y en el over de la inferior ...
  #1 (permalink)  
Antiguo 27/12/2010, 20:21
 
Fecha de Ingreso: noviembre-2005
Mensajes: 62
Antigüedad: 12 años, 1 mes
Puntos: 0
Ocultar imagen

Hola, tengo un html en donde utilizo jquery, son 2 filas de imagenes. La superior estan todas ocultas y en el over de la inferior se muestra la superior correspondiente a su columna, esto lo quiero hacer por jquery. El problema que tengo es que si a la imagen superior le pongo en el html
Código HTML:
style="visibility:hidden"
no me funciona el css.

Fila superior

Código HTML:
<tr>
        <td> 
             <ul class="hover_block">
			<li id="clientes" ><a><img src="./images/im-clientes.jpg" class="img_cursor" />
			</a></li>
</ul>
        </td>   
</tr> 
Fila inferior

Código HTML:
 <tr>
        <td> 
         <img src="./images/h-clientes-e.jpg"  />

        </td></tr> 

Código CSS

Código:
ul.hover_block li{
		list-style:none;
		float:left;
		padding: 0px;
		width:20px; 
    position: relative;
		}

ul.hover_block li a {
		display: inline;
		position: relative;
		overflow: visible;
		height: 61px;
		width: 268px;
		padding: 16px;
		color: #000;
		
}

ul.hover_block li a { 
  text-decoration: none; 
}

ul.hover_block li img {
		position: absolute;
		top: 0;
		left: 0;
		border: 0;
}
y este es el código de jquery

Código:
$(function() {
			$('ul.hover_block').hover(function(){
				$(this).find('img').animate({top:'182px'},{queue:false,duration:500});
			}, function(){
				$(this).find('img').animate({top:'0px'},{queue:false,duration:500});
			});
		});
El efecto no me funciona porque al estra oculta la imagen superior no anda el javascript, alguien sabe como solucionarlo

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:31.