GITHUB TWITTER WEBSITE

# WM Zoom

## Plugin jQuery para visualização de imagens em alta definição

Opções de configuração do plugin jQuery WM Zoom

### O objeto config

O objeto config é responsável pelas configurações do plugin. Exemplo:

    				  			$('.my-zoom').WMZoom({
    								config : {
    									inner : false
    								}
    							});

### Opções do objeto config

Segue lista de opções para o objeto de configurações do plugin:

Atributo | Descrição
--- | ---
stageW | int - Define a largura da area de visualização da imagem grande. Caso a opção inner for true stageW será ignorado. Default 500
stageH | int - Define a altura da area de visualização da imagem grande. Caso a opção inner for true stageH será ignorado. Default 400
inner | boolean - Define se o zoom será em uma area exterana em relação a imagem default ou se será interna. Se true será interna. Default false
position | string - Define em que posição externa a area de visualização será mostrado. Opções ['top', 'right', 'bottom', 'left']. Caso a opção inner for true position será ignorado. Default 'right'
margin | int - Define o espacamento entre a imagem default e o box de visualização. Caso a opção inner for true margin será ignorado Default true

Exemplo:

    							$('.my-zoom').WMZoom({
    								config : {
    				                    stageW : 500,
    				                    stageH : 400,
    				                    inner  : false,
    				                    position : 'right', // [top, right, bottom, left]
    				                    margin : 10
    				                }
    							});

### html data attribute

Segue lista de parâmetros obrigátorios que devem ser passados via atributos html:

Atributo | Descrição
--- | ---
data-hight-src | Define a url da imagem em alta resolução que será visualizada no zoom
data-loader-src | Define a url do gif animado que será exibido enquanto a imagem grande carrega no zoom

Exemplo:

GITHUB TWITTER WEBSITE