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