Back to the PNG overlay tutorial

Using the DOM let us make proper use of the src attribute.

Here we are using plain vanilla image elements; no style attributes, no "weird" src values (it can get even cleaner).

The issue?
With styles off but Javascript on, we can see the PNGs but not the JPEGs (in IE we see neither one).

Some description Some description Some description Some description Some description Some description Some description Some description

The Markup:

<img src="img/jpg_1.jpg" alt="Some description" />
<img src="img/jpg_2.jpg" alt="Some description" />
<img src="img/jpg_3.jpg" class="overlayMe" alt="Some description" />
<img src="img/jpg_4.jpg" class="overlayMe" alt="Some description" />
<img src="img/jpg_5.jpg" alt="Some description" />
<img src="img/jpg_6.jpg" alt="Some description" />
<img src="img/jpg_7.jpg" class="overlayMe" alt="Some description" />
<img src="img/jpg_8.jpg" class="overlayMe" alt="Some description" />