Display image at 50% of its “native” size

by

The zoom property sounds as though it’s perfect for Adam Ernst as it suits his target device. However, for those who need a solution to this and have to support as many devices as possible you can do the following:

<img src="https://stackoverflow.com/questions/7699621/..." onload="this.width/=2;this.onload=null;" />

The reason for the this.onload=null addition is to avoid older browsers that sometimes trigger the load event twice (which means you can end up with quater-sized images). If you aren’t worried about that though you could write:

<img src="https://stackoverflow.com/questions/7699621/..." onload="this.width/=2;" />

Which is quite succinct.

More Related Contents:

  1. Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?
  2. Padding for Inline Elements
  3. Center content in responsive bootstrap navbar
  4. Create leading dots in CSS
  5. CSS3 animation not working in safari
  6. Why the CSS calc() function is not working? [duplicate]
  7. Should I use single or double colon notation for pseudo-elements?
  8. How to make Internet Explorer 8 to support nth child() CSS element?
  9. @Media min-width & max-width
  10. What do these double-dash-prefixed CSS properties do? [duplicate]
  11. Actual table Vs. Div table
  12. Creating CSS Global Variables : Stylesheet theme management [duplicate]
  13. Browser support for CSS :first-child and :last-child
  14. Adjacent divs with angled borders? [duplicate]
  15. CSS Sticky Footers with Unknown Height
  16. What does font-size really correspond to?
  17. Using calc() with tables
  18. How to style default confirm box with only css?
  19. I need an overflow to truncate from the left, with ellipses
  20. CSS combinator precedence?
  21. How to control number of items per row using media queries in Flexbox?
  22. CSS How to set div height 100% minus nPx [duplicate]
  23. Gray out image with CSS?
  24. Bootstrap 3 Align Text To Bottom of Div
  25. What is the difference between default, user and author style sheets?
  26. CSS – style a link based on its “rel” attribute?
  27. There is a 4px gap below canvas/video/audio elements in HTML5
  28. Rounded side, not rounded corners
  29. CSS selector based on width?
  30. Turning off Twitter Bootstrap Navbar Transition animation

Leave a Comment