ImageZoom

图片放大镜效果
KISSY.use('imagezoom',function(S,ImageZoom){
    // use ImageZoom
});

Class

Events

Class Detail

class imagezoom.ImageZoom
ImageZoom (config)
继承自 Overlay
Parameters:config (Object) – 配置项, 详细见下方 Configs Detail .

Configs Detail

ImageZoom.config.imageNode

{String|HTMLElement} - 小图元素选择器或小图元素.

ImageZoom.config.type

{String} - 可选, 缩放显示类型, 默认是标准模式 ‘standard’, 或者内嵌模式 ‘inner’.

ImageZoom.config.bigImageSrc

{String} - 可选, 大图路径, 为 ‘’ 时, 取触点上的 data-ks-imagezoom 属性值. 默认为 ‘’.

ImageZoom.config.bigImageWidth

{Number} - 必填! 大图宽度

ImageZoom.config.bigImageHeight

{Number} - 必填! 大图高度

ImageZoom.config.hasZoom

{Boolean} - 可选, 初始时是否显示放大效果. 默认为 true, 显示放大. 在多图切换时, 可重设该值来开启或关闭显示放大功能. 如果多个图都不需要放大显示, ImageZoom 不会生成任何东西.

ImageZoom.config.width

{Number|String} - 可选, 放大区域宽度. 默认为 ‘auto’, 当取 ‘auto’ 时, 宽度取小图的宽度.

ImageZoom.config.height

{Number|String} - 可选, 放大区域高度. 默认为 ‘auto’, 当取 ‘auto’ 时, 高度取小图的高度.

Attributes Detail

ImageZoom.prototype.bigImageHeight

{Number} - 修改此属性改变大图大小

ImageZoom.prototype.bigImageWidth

{Number} - 修改此属性改变大图大小

ImageZoom.prototype.hasZoom

{Boolean} - 修改此属性禁用或启用放大功能

ImageZoom.prototype.bigImageSrc

{String} - 修改此属性改变大图地址

ImageZoom.prototype.imageSrc

{String} - 修改此属性改变小图地址

Events Detail

ImageZoom.Event.show()
show ()
放大区域显示之后.
ImageZoom.Event.hide()
hide ()
放大区域隐藏之后.