当前位置:文档之家› jQuery插件ImageFlyout弹出图片实现javascript放大图片功能

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

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


使用jQuery插件Step Carousel Viewer实现图片特效,这里介绍另外一个jQuery插件jQuery Image Flyout弹出图片特效,实现当用户点击图片时javascript动态弹出放大图片,然后点击大图片动态收缩关闭图片,可实现预加载提示效 果,jQuery插件jQuery Image Flyout弹出图片功能非常强大,使用却非常简单,javascript弹出放大图片效果图如下:

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插件jQuery Image Flyout弹出图片可自定义定制丰富的图片效果,使用非常简单,值得推荐。

相关主题
文本预览
相关文档 最新文档