首页 > 图片特效 / jquery特效插件 / > jquery图片放大镜插件cloud-zoom

jquery图片放大镜插件cloud-zoom

点击: 4122 , 发布日期: 2011-11-19
jquery图片放大镜插件cloud-zoom

jquery图片放大镜插件cloud-zoom

jquery图片放大镜插件还是比较多的,之前就推荐过几个放大镜插件效果还是挺好的,今天为大家推荐个cloud-zoom插件,这个图片放大镜插件带有过度的效果比较舒服。

主要参数如下:

ParameterDescription (from V1.0.0)Default Value
zoomWidthThe width of the zoom window in pixels. If 'auto' is specified, the width will be the same as the small image.'auto'
zoomHeightThe height of the zoom window in pixels. If 'auto' is specified, the height will be the same as the small image.'auto'
positionSpecifies the position of the zoom window relative to the small image. Allowable values are 'left', 'right', 'top', 'bottom', 'inside' or you can specifiy the id of an html element to place the zoom window in e.g. position: 'element1''right'
adjustXAllows you to fine tune the x-position of the zoom window in pixels.0
adjustYAllows you to fine tune the y-position of the zoom window in pixels.0
tintSpecifies a tint colour which will cover the small image. Colours should be specified in hex format, e.g. '#aa00aa'. Does not work with softFocus.false
tintOpacityOpacity of the tint, where 0 is fully transparent, and 1 is fully opaque.0.5
lensOpacityOpacity of the lens mouse pointer, where 0 is fully transparent, and 1 is fully opaque. In tint and soft-focus modes, it will always be transparent.0.5
softFocusApplies a subtle blur effect to the small image. Set to true or false. Does not work with tint.false
smoothMoveAmount of smoothness/drift of the zoom image as it moves. The higher the number, the smoother/more drifty the movement will be. 1 = no smoothing.3
showTitleShows the title tag of the image. True or false.true
titleOpacitySpecifies the opacity of the title if displayed, where 0 is fully transparent, and 1 is fully opaque.0.5

 

关键词: jquery+css

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论