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 pour WorldWideScripts.net

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


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

Ads

Ad: Bluehost hosting

Vue d'ensemble

ImageZoom est un plugin jQuery pour un effet zoom image. Il dispose d'un mode thrid de l'image effet de zoom: le mode intérieure, mode standard et le mode suivre. Il est facile à utiliser, vous pouvez simplement utiliser seule image ou un ensemble d'une grande image. Lorsque vous définissez une grande image vous affichez voir ce est 4 ~ 10 plus rapide que les autres pour montrer vue de zoom (sorcière événement utilisation load image pour obtenir l'image largeur / hauteur grande). Vous pouvez essayer la démo de l'imgfast dans la page de démonstration en direct pour le voir. Et ImageZoom est prêt à l'emploi avec un carrousel. Il a beaucoup d'options et la méthode sorcière laisser faire ce qui vient de besoin. Profitez-en :)

Caractéristiques

  • Responsive! Vous pouvez l'utiliser en vous répondant mise en page.
  • Trois mode de zoom comprend. Zoom interne, zoom standard, suivez zoom
  • Obtenez grandes largeur / hauteur 4x-10x plus rapide que imageload événement.
  • Image redimensionnée Utilisez le pouce pour une vue du zoom lors de la grande image chargement.
  • Smooth Move. vue Zoom déplacer lisse.
  • Personnalisable par CSS et options.
  • Des options flexibles.
  • Facile à contrôler l'objet de zoom avec beaucoup de méthode.
  • Option pour image de préchargement ou non.
  • ImageZoom avec elastislide prête. (Un habillage personnalisé inclus) également sensible.
  • Croix-navigateur
  • rappel de l'événement pour commencer et zoom fin.
  • Facile à mesure le style.
  • Beaucoup démo et documention comprennent.

Options

  • Type:. Le mode de zoom (intérieure, suivez standard) par défaut: intérieure
  • bigImageSrc:. Si l'image Demande zoom sur l'image du pouce et que vous voulez zoomer avec une grande image définir cette option par défaut: null
  • SmoothMove: Est-ce que l'image de l'zoomviewer déplacer lisse. (Vrai / faux) par défaut: true
  • précharge:. Est ImageZoom précharger la grande image par défaut: true
  • zoomSize:. La Taille ZoomView pour le mode standard et le mode suivi par défaut: [100100]
  • offset:. Réglez le décalage de la zoomviewer pour le mode standard par défaut: [10,0]
  • Position: Set gauche / droite pour montrer l'zoomviewer défaut:. droite
  • alignTo:. définir l'ID de l'aligner à zoomviewer (mode standard) par défaut: null (alignTo l'image riginal)
  • descriptionClass:. La classe description Coustom css par défaut: null
  • showDescription:. Est-automatique ZoomImage montrer la description de l'image par défaut: true
  • zoomViewerClass: La classe Coustom du spectateur de zoom pour le mode de suivi et de mode standard par défaut:. null
  • zoomHandlerClass:. La classe Coustom de la zone de gestionnaire de zoom pour le mode standard par défaut: chaîne vide
  • onShow:. lorsque le zoom de l'événement débutera par défaut: null
  • OnHide:. lorsque le zoom événement fin par défaut: null

ImageZoom objet

  • obj. spectateur $ (jQuery objet élément) La grande image spectacle vue région.
  • obj. handlerArea $ (jQuery objet de l'élément) Le point de vue gestionnaire spectacle sur l'image de base lorsque l'utilisation du mode standard.
  • obj. $ el (jQuery objet de l'élément) L'image que vous avez appelé l'ImageZoom sur elle.
  • obj. largeImg $ (jQuery objet de l'élément) La grande image qui montrent le zoom spectateur.

Méthodes

  • destroy (): Détruisez ImageZoom.
  • ChangeImage (string, string): Modifiez la balise img src image originale et l'image en grand.
  • changeZoomSize (nombre, nombre): Modification de la taille ZoomViewer (largeur, hauteur).

Autres effets d'image Plugins

HoverEx - jQuery Image hover animation Plugin

HoverEx sur les animations Plus de modèles Responsive mesure facile personnaliser ancien navigateur convivial Zoom Plugin et Curseur Plugin

Picanim - jQuery Image hover effet pulgin

Plicanim effets de survol uniques juste après 3kb gziped navigateur croix même ie6 avec effet mouseout de RRSE comprennent tels flou faddn transparente tranche plier boxRandorn boxDiagional

Zoome - jQuery image Zoom Effect Plugin

Zoom zoome en pointant avec le r.graysca, Croix zoom contrôle de navigateur avec roues Options flexibles I3j Llikeyjun Drapeau Compteur

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
27 mai 13

Dernière mise à jour:
29 Août 13

Haute Résolution:
Oui

Navigateurs compatibles:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Fichiers inclus:
JS JavaScript, HTML, CSS

Version du logiciel:
jQuery

Mots-clés

eCommerce, tous les objets, animer, carrousel, e, fuild, galleryw, image, lentille, loupe, previenlarge, sensible, é, chelle, toboggan, lisse, zoom, zoomer