WP Wizard » images http://wpwizard.net I ❤ WordPress Sat, 05 Mar 2011 12:30:52 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 Remove IMG height and width with jQuery http://wpwizard.net/jquery/remove-img-height-and-width-with-jquery/ http://wpwizard.net/jquery/remove-img-height-and-width-with-jquery/#comments Mon, 18 Jan 2010 08:55:05 +0000 Stian Andreassen http://stianandreassen.com/?p=304 WordPress automatically adds inline width and height when you insert images into your Pages or Posts. This can cause layout problems, especially in IE, if you use CSS to change the dimensions of your images. For instance, max-width: 100px; height: auto; will not work in some browsers, because they resepect the inline height over the CSS.

The sollutions is simple: Remove the width and height attributes with jQuery. The following code between <head> and </head> will do the job:

<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>

Note that this code will remove width and height on all images. You can use class or ID selectors if you just want to remove it on some, say in the sidebar: $('#sidebar img').each(function(){

]]> http://wpwizard.net/jquery/remove-img-height-and-width-with-jquery/feed/ 5