Use javascript to replace .show() for an image with a class
<p>For a jquery plugin to work I have to set the <strong>img</strong> with the <strong>class lazy</strong> to <strong>display: none</strong> from CSS.</p>

<p>I know how to make it appear when I need it using jquery:</p>

<pre><code>$("img.lazy").show();
</code></pre>

<p>The problem is that I am loading the jquery library in the footer and I need the image to appear when the page starts to load.</p>

<p>I cannot move the code to the header cause there is no jquery.</p>

<p>So I am thinking of doing it with javascript.</p>

<p>I have tried getElementbyID but I can't make it work.</p>

<p>Any ideas?</p>
