Response title
This is preview!
Move this topic
Remove width/height attributes from Image
in Using jQuery
•
8 years ago
I use the following code to load image
$(img).load(function () {
$(img).addClass("itmImgClass");
}).attr("src", itemData.begedurl);How can I remove the width and height attributes from the resulting image markup ?
1
Replies(14)
Re: Remove width/height attributes from Image
8 years ago
use removeAttr() | jQuery API Documentation
- $(img).load(function () {
- $(img).addClass("itmImgClass");
- }).attr("src", itemData.begedurl).removeAttr('width').removeAttr('height');
I have added the
.removeAttr('width').removeAttr('height') as
you suggest
and I still get the width/height attributes...
Do you have any css for width and height? You can inspect that image
from your developer tool and see width and height attribute removed or
not and what else css attached with that image.
Leave a comment on Sµßhrånil∂'s reply
Re: Remove width/height attributes from Image
8 years ago
If you have css for width and height then do it like
- $(img).load(function () {
- $(img).addClass("itmImgClass");
- }).attr("src", itemData.begedurl).removeAttr('width').removeAttr('height').css({ width: "", height: "" });
Wouldn't help... still getting the width/height attributes
Leave a comment on Sµßhrånil∂'s reply
Re: Remove width/height attributes from Image
8 years ago
Can you share a url to see it or set up a demo on jsfiddle.net
Hi,
You can see it here
I noticed that if I use Chrome or FF it removes the width/height
attributes but IE will not eliminate the attributes.
Leave a comment on Sµßhrånil∂'s reply
Re: Remove width/height attributes from Image
8 years ago
Why do you want to remove the width/height attributes?
Are you sure you are looking at attributes, though, rather than at properties?
An image will always have width/height properties, it would not
make sense otherwise. They are properties of an image. Even if the
dimensions are set to 0/0 it still has a width and a height.
What are you trying to accomplish? Hide the image? Set the
width/height to some different size, but having trouble doing that?
Leave a comment on watusiware's reply
Re: Remove width/height attributes from Image
8 years ago
Trying to set width to a certain value and have the Height set
proportionally accordingly.
Leave a comment on shtrudel.support's reply
Re: Remove width/height attributes from Image
8 years ago
It's always good to state what your goal is!Trying to set width to a certain value and have the Height set proportionally accordingly.
Use
CSS to set the width to the desired width. Set the height to auto.
.itmImgClass {
width: 200px;
height: auto;
}
What
IE version are you testing with? jQuery 2.x does not support IE <
9. jQuery 1.11.2 supports IE 6,7,8 in addition to all other
supported browsers. There is no functional differences between the
versions. 2.x is slightly smaller and slightly faster.
Leave a comment on watusiware's reply
Re: Remove width/height attributes from Image
8 years ago
Unfortunately, Plunkr seems broken today, at least for me. I can't even get it to display simple HTML text in the preview. They may have a problem with the latest Safari update.
Leave a comment on watusiware's reply
Re: Remove width/height attributes from Image
8 years ago
Plunkr isn't opening for me as well on FF and chrome. Unfortunately
i don't have IE.
Leave a comment on Sµßhrånil∂'s reply
Re: Remove width/height attributes from Image
8 years ago
@watusiware
This is exactly what I am trying to achieve, setting the width and
height through CSS, the problem is I get width/height attributes when
browsing with IE which override the CSS properties.
I am using IE11 for browsing.
Leave a comment on shtrudel.support's reply
Re: Remove width/height attributes from Image
8 years ago
Leave a comment on shtrudel.support's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to shtrudel.support's question
{"z31163345":[14737000006037612,14737000006037617,14737000006037619,14737000006037621,14737000006037629,14737000006037799,14737000006042049],"z7664639":[14737000006038607,14737000006038619,14737000006038621],"z4688377":[14737000006035563,14737000006035567,14737000006035565,14737000006035569,14737000006034709]}
Statistics
- 14 Replies
- 14197 Views
- 0 Followers