画像に修正を加えることなくクリックで注釈をオーバレイ表示するjQueryチュートリアル

<div class="portfolio">
    <div class="portfolio_item">
        <div class="image_wrap">
            <!-- 正常に表示する画像 -->
            <img src="images/website1.jpg" alt="Website1"/>
        </div>
        <div class="zoom_overlay">
            <!-- 正常に表示する画像の上にオーバレイで表示する注釈する画像 -->
            <img src="images/website1_notes.png" alt="Website1Notes"/>
        </div>
    </div>
    ...
</div>