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

【文件属性】：

文件名称：jQuery插件ImageFlyout弹出图片实现javascript放大图片功能

文件大小：63KB

文件格式：RAR

更新时间：2015-02-06 05:35:50

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层内所用图片链接)

jQuery插件flyout弹出图片

三，Javascript部分(jQuery插件jQuery Image Flyout弹出图片调用) [removed] <!-- $(function() { $('#biuuu a').flyout(); --> [removed] 实例中将ID为biuuu的DIV内所有链接元素增加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高度

【文件预览】：
jquery-image-flyout-demo
----thumb-loading.gif(4KB)
----jquery.js(98KB)
----iphone_small.jpg(21KB)
----jquery.easing.1.2.js(5KB)
----jquery.flyout.js(10KB)
----readme.txt(34B)
----iphone.jpg(15KB)
----jquery_flyout.html(1KB)