click to enlarge image

Already create those scripts.
/WordPress/scripts/image_large.js
/WordPress/scripts/image_large.css
/WordPress/scripts/footer_added.txt
footer.php

The old one is based on height:

     <div id="largeImgPanel" onclick="hideMe(this);">
            <img id="largeImg" style="height: 100%; margin: 0; padding: 0;" />
        </div>

Changed to base on Width:

        <div id="largeImgPanel" onclick="hideMe(this);">
            <img id="largeImg" style="width: 90%; margin: 0; padding: 0;" />
        </div>

Now when posting image, use this way:

<img  src=” ”   width=”600″  style=”cursor:pointer” onclick=”showImage(‘ ‘);” />

<img  src=”img_url ”   width=”600″  style=”cursor:pointer” onclick=”showImage(‘ img_url’);” />
Example:
<img  src=”http://…/aa.jpg ”   width=”600″  style=”cursor:pointer”
onclick=”showImage(‘http://../aa.jpg ‘);” />