Page 1 of 1
Forum

Welcome to the Tweaking4All community forums!
When participating, please keep the Forum Rules in mind!

Topics for particular software or systems: Start your topic link with the name of the application or system.
For example “MacOS X – Your question“, or “MS Word – Your Tip or Trick“.

Please note that switching to another language when reading a post will not bring you to the same post, in Dutch, as there is no translation for that post!



HTML/CSS - How to c...
 
Share:
Notifications
Clear all

[Solved] HTML/CSS - How to change the source of an IMG tag with CSS

1 Posts
1 Users
0 Reactions
1,416 Views
 Hans
(@hans)
Famed Member Admin
Joined: 12 years ago
Posts: 2859
Topic starter  

I wanted to change the SRC (source) of a HTML IMG tag using CSS, and it took me a while to figure it out.
This trick might not work in old browsers.

<!doctype html>
<style>
.cssnewimgsource{
    content:url("http://example.com/thenewimage.png");
}
</style>
...
<img src="dontwantthisimage.jpg" class="cssnewimgsource"/>
...

   
ReplyQuote
Share: