Given a transparent PNG displaying a simple shape in white, is it possible to somehow change the color of this through CSS? Some kind of overlay or what not? 19 s 19 I found this great codepen example that you insert your hex color value and it returns the needed filter to apply this color … Read more
Is it possible to set the src attribute value in CSS? At present, what I am doing is: <img src=”https://stackoverflow.com/questions/2182716/pathTo/myImage.jpg”/> and I want it to be something like this <img class=”myClass”/> .myClass { some-src-property: url(“https://stackoverflow.com/questions/2182716/pathTo/myImage.jpg”); I want to do this without using the background or background-image: properties in CSS. 25 s 25 Use content:url(“image.jpg”). Full … Read more
Why in the following code the height of the div is bigger than the height of the img ? There is a gap below the image, but it doesn’t seems to be a padding/margin. What is the gap or extra space below image? #wrapper { border: 1px solid red; width:200px; } img { width:200px; } … Read more
Is there a simple way to display a color bitmap in grayscale with just HTML/CSS? It doesn’t need to be IE-compatible (and I imagine it won’t be) — if it works in FF3 and/or Sf3, that’s good enough for me. I know I can do it with both SVG and Canvas, but that seems like … Read more
Are there any JavaScript or jQuery APIs or methods to get the dimensions of an image on the page? 32 s 32
I am working with images, and I ran into a problem with aspect ratios. <img src=”big_image.jpg” width=”900″ height=”600″ alt=”” /> As you can see, height and width are already specified. I added a CSS rule for images: img { max-width: 500px; } But for big_image.jpg, I receive width=500 and height=600. How do I set images … Read more
This question’s answers are a community effort. Edit existing answers to improve this post. It is not currently accepting new answers or interactions. In what situations is it more appropriate to use an HTML IMG tag to display an image, as opposed to a CSS background-image, and vice-versa? Factors may include accessibility, browser support, dynamic … Read more
My DOM looks like this: <div id=”d1″> <div class=”c1″> <a href=”#”><img src=”img1_on.gif”></a> <a href=”#”><img src=”img2_on.gif”></a> </div> </div> When someone clicks on an image, I want the image src to change to <img src=”https://stackoverflow.com/questions/554273/imgx_off.gif”> where x represents the image number 1 or 2. Is this possible or do I have to use CSS to change the … Read more
I’m having trouble displaying a Base64 image inline. How can I do it? <!DOCTYPE html> <html> <head> <title>Display Image</title> </head> <body> <img style=”display:block; width:100px;height:100px;” id=’base64image’ src=”data:image/jpeg;base64, LzlqLzRBQ… <!– Base64 data –>” /> </body> </html> 12 s 12 My suspect is of course the actual Base64 data. Otherwise it looks good to me. See this fiddle … Read more
I have a ListView with a couple of image buttons on each row. When the user clicks the list row, it launches a new activity. I have had to build my own tabs because of an issue with the camera layout. The activity that gets launched for the result is a map. If I click … Read more
