jQuery Mouse Hover Image Zoom Preview

Add-ons

2026-08-03 13:22 8 次浏览 • 0 次下载 197.3KB

Plugin Description: Enlarges an image on hover and fixes positioning issues when the image is near the corners.

Usage

Include jQuery.

1	`<script` `src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>`

Structure:

<div>
    <div>
        <img src="img/1.jpg" bigUrl="img/1.jpg" alt="">
    </div>
    <div>
        <img src="img/2.jpg" bigUrl="img/2.jpg" alt="">
    </div>
    <div>
        <img src="img/3.jpg" bigUrl="img/3.jpg" alt="">
    </div>
    <div>
        <img src="img/4.jpg" bigUrl="img/4.jpg" alt="">
    </div>
    <div>
        <img src="img/5.jpg" bigUrl="img/5.jpg" alt="">
    </div>
    <div>
        <img src="img/6.jpg" bigUrl="img/6.jpg" alt="">
    </div>
    <div>
        <img src="img/6.jpg" bigUrl="img/6.jpg" alt="">
    </div>
    <div>
        <img src="img/6.jpg" bigUrl="img/6.jpg" alt="">
    </div>
    <div>
        <img src="img/6.jpg" bigUrl="img/6.jpg" alt="">
    </div>
</div>