WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

ImageZoom - Responsive jQuery Image Zoom Plugin

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


ImageZoom - Responsive jQuery Image Zoom Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Visão global

ImageZoom é um plugin jQuery para efeito de zoom da imagem. Ele tem um modo thrid de efeito de zoom imagem: modo de interior, o modo padrão e modo de seguir. É fácil de usar, você pode apenas usar uma imagem ou definir uma imagem grande. Quando você define uma imagem grande que você visualizar ver que é 4 ~ 10 mais rápido que outro para mostrar a vista zoom (bruxa evento de carregamento de imagem utilização para obter a imagem grande largura / altura). Você pode experimentar a demo do imgfast na página de demonstração ao vivo para vê-lo. E ImageZoom está pronto para usar com um carrossel. Tem um monte de opções e método bruxa permitem fazer o que só precisa. Apreciá-lo :)

Características

  • Responsive! Você pode usá-lo em você de layout responsivo.
  • Modo de zoom Três incluir. Inner zoom, zoom standard, siga zoom
  • Obter grandes de largura / altura 4x-10x mais rápido que imageload evento.
  • Use imagem polegar redimensionada para vista zoom quando a imagem grande está carregando.
  • Movimento suave. Vista Zoom mover suave.
  • Customizável pelo CSS e opções.
  • Opções flexíveis.
  • Fácil de controlar o objeto de zoom com muitos método.
  • Opção imagem de pré-carga para ou não.
  • ImageZoom com elastislide pronto. (Uma capa personalizada incluem) Também responsivo.
  • Navegador Cruz
  • Callback evento para começar e zoom fim.
  • Fácil de costume o estilo.
  • Muitos demo e documention incluir.

Opções

  • Tipo:. O modo de ampliação de imagem (padrão, siga interior,) Padrão: interior
  • bigImageSrc:. Se o zoom da imagem Solicite a imagem polegar sobre e deseja ampliar grande imagem definir esta opção com Padrão: null
  • smoothMove: É a imagem da zoomviewer mover suave. (True / false) Padrão: true
  • pré-carga:. É ImageZoom pré-carregar a imagem de grandes dimensões padrão: true
  • zoomSize:. O Tamanho ZoomView para o modo padrão e modo de seguir Padrão: [100,100]
  • offset:. Defina o deslocamento do zoomviewer para o modo padrão Padrão: [10,0]
  • posição: Set esquerda / direita para mostrar a zoomviewer Padrão:. certa
  • alignTo:. Defina o id do zoomviewer alinhar a (Modo Padrão) Padrão: null (alignTo a imagem riginal)
  • descriptionClass:. A classe descrição coustom css Padrão: null
  • showDescription:. É auto zoomimage mostrar a descrição da imagem padrão: true
  • zoomViewerClass: A classe coustom do espectador zoom para follow modo padrão e modo padrão:. nulo
  • zoomHandlerClass:. A classe coustom da área de manipulador de zoom para o modo padrão Padrão: cadeia nula
  • onShow:. Evento quando o zoom começar Padrão: null
  • OnHide:. Evento quando o zoom final Padrão: null

ImageZoom Objeto

  • obj. $ espectador (jQuery elemento objeto) A grande área de visualização de imagem show.
  • obj. $ handlerArea (jQuery elemento objeto) A view show manipulador imagem polegar quando o modo de uso padrão em.
  • obj. $ el (jQuery elemento objeto) A imagem do que você chamou ImageZoom nele.
  • obj. $ largeImg (jQuery elemento objeto) A grande imagem que mostrar no visor zoom.

Métodos

  • destroy (): Destrua imagezoom.
  • ChangeImage (string, string): Alterar a tag img src imagem original e imagem grande.
  • changeZoomSize (número, número): Alterar o tamanho ZoomViewer (largura, altura).

Outros Plugins efeitos de imagem

HoverEx - jQuery imagem pairar animação do plugin

HoverEx Mais animações Mais de modelos Responsive capaz Fácil personalizar navegador Old amigável Zoom Plugin e Slider Plugin

Picanim - jQuery imagem pairar efeito pulgin

Plicanim efeitos de foco exclusivo apenas 3kb após gziped cross browser mesmo IE6 com efeito mouseout rrse incluir tal borrão fatia faddn transparente dobrar boxRandorn boxDiagional

Zoome - jQuery Imagem Zoom Effect Plugin

Zoome Zoom com foco r.graysca le, zoom Controle navegador Cruz com rodas Opções flexíveis I3j Llikeyjun Bandeira Contador

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
27 13 de maio

Última Atualização:
29 de agosto 13

alta resolução:
Yes

Navegadores compatíveis:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Arquivos incluídos:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Palavras-chave

eCommerce, todos os itens, animar, carrossel, e, fuild, galleryw, imagem, lente, lente de aumento, previenlarge, á, gil, escala, slide, suave, zoom, zoomer