jQuery插件ImageFlyout弹出图片实现javascript放大图片功能

使用说明 需要使用jQuery库文件(目前版本1.3)和jQuery Image Flyout库文件(目前版本1.1) 可选JS库文件：增强图片显示特效可使用jQuery插件Easing Plugin库文件 素材准备 可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果。 实例代码 一，包含文件部分 [removed][removed] [removed][removed] [removed][removed] 二，HTML部分(DIV层内所用图片链接) <div>jQuery插件flyout弹出图片</div> <div id="biuuu"> <a href="iphone.jpg" title="jquery.flyout"><img src="iphone_small.jpg" alt="iphone" /></a> </div> 三，Javascript部分(jQuery插件jQuery Image Flyout弹出图片调用) [removed] &lt;!-- $(function() { $('#biuuu a').flyout(); --&gt; [removed] 实例中将ID为biuuu的DIV内所有链接元素<a>增加javascript弹出放大图片功能，其中链接href部分为表示弹出的大图片路径。使用jQuery插件jQuery Image Flyout弹出图片，实现javascript弹出放大图片功能只需要一行代码即可实现。 四，用户自定义设置 结合jQuery插件Easing Plugin，可增强javascript图片放大和缩小过程中图片显示的效果。 一，自定义预加载提示图片 $('#biuuu a').flyout({loadingSrc:'thumb-loading.gif',outEase:'easeInCirc',inEase:'easeOutBounce'}); loadingSrc表示预加载提示图片路径 outEase表示弹出图片放大过程使用的jQuery插件Easing Plugin特效，如：easeInCirc inEase表示弹出图片缩小过程使用的jQuery插件Easing Plugin特效，如：easeOutBounce 二，自定义弹出图片后图片显示样式 $('#biuuu a').flyout({loadingSrc:'thumb-loading.gif',outEase:'easeOutQuad',inEase:'easeInBack',loader:'loader2',widthMargin:300,heightMargin:300}); loader表示弹出图片后调用的CSS样式 widthMargin表示弹出图片后显示的margin宽度 heightMargin表示弹出图片后显示的margin高度