2011-01-27 23 views
9

actualmente estoy trabajando en un deslizador de imagen con jquery. He descargado el código de la red. La demostración de mi código es here.¿Cómo eliminar la altura y el ancho?

Mi pregunta es: ¿cómo puedo eliminar la altura y el ancho que se adhieren dinámicamente a la etiqueta de la imagen como estilo en línea?

Gracias.

+0

lo qué se puede esperar el alto y el ancho para ser después de que se retira? 0? – ajma

+0

espero que si elimino la altura y el ancho, entonces debe tomar la altura y el ancho original y no el que el código les asigna ... – rajeshrt

Respuesta

9

Intente utilizar este código:

$('your-image').css({ 
    width: '', 
    height: '' 
}); 

Si desea definir las dimensiones de imagen "original" Prueba esto:

$('your-image').css({ 
    width: 'auto', 
    height: 'auto' 
}); 
+0

ningún amigo no funciona ... :( – rajeshrt

+0

¿Qué navegador? Compré en FF y Chrome y los atributos de estilo en línea se eliminaron tal como lo desea. Si desea establecer el tamaño "original", intente usar 'auto' en lugar de ''. – Olegas

+0

ya está bien, pero cuando hago clic en la imagen siguiente el tamaño cambia nuevamente a su valor predefinido .¿Cómo resolverlo? – rajeshrt

11

para que funcione de todas maneras, es necesario eliminar ambos atributos y css. Esto es trabajo en mi código.

$('your-image') 
    .removeAttr("width").removeAttr("height") 
    .css({ width: "", height: "" }); 
1

Esta es una solución MUY simple con jQuery. Encontré la respuesta en wpwizard.net.

Aquí está la URL: http://wpwizard.net/jquery/remove-img-height-and-width-with-jquery/

Aquí está el jQuery:

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
jQuery.noConflict(); 
jQuery(document).ready(function($){ 

    $('img').each(function(){ 
     $(this).removeAttr('width') 
     $(this).removeAttr('height'); 
    }); 

}); 
</script> 
0
$('img').width('auto').height('auto'); 
0

hereda podría ser una de las maneras.

$('your-image').css({ width: "inherit", height: "inherit" });

Cuestiones relacionadas