2009-12-28 13 views
11

y at-il une bibliothèque ou un composant qui permet le zoom style photoshop ou pdf où j'ai des images que je veux que les utilisateurs puissent cliquer pour zoomer et dézoomer et je veux soutenir pouvoir zoomer plusieurs fois et effectuer un zoom arrière plusieurs foisY at-il une bibliothèque qui colle un bouton de zoom avant/arrière sur une image et permet + et -

je veux l'équivalent de tous les utilisateurs ayant la possibilité de faire des choses comme ceci: https://addons.mozilla.org/en-US/firefox/addon/139

+0

par curiosité, pourquoi l'avez-vous laissé accepter automatiquement la réponse? non seulement il donne seulement la moitié de la prime mais vous perdez aussi votre voix pour dire quelle réponse vous préférez –

+0

hmm. . Je n'ai pas réalisé qu'il donnait la moitié de la prime. . excuses – leora

+0

Eh bien, la moitié de la prime est regrettable mais pas un vrai problème. Cependant, vous ne pouvez pas changer une réponse auto-acceptée pour une prime pendant que vous pouvez pour une réponse à une question normale –

Répondre

13

Jetez un oeil à:

  • le plugin jQuery gzoom
  • shiftzoom (exemple here)
  • le plugin jQuery MapBox (fonctionne avec whell de défilement et je suis sûr que vous pouvez coller +/- boutons)
  • le plugin MooZom (fonctionne avec le rouleau de défilement et je suis sûr que vous pouvez coller +/- boutons)
  • Anything Zoomer est aussi agréable

Ensuite, il y a Zoomorama qui est une alternative à Microsoft's Seadragon si vous ne me dérange pas utiliser le flash.

10

Vous pouvez utiliser Google Maps API pour ce faire. Tout ce que vous devez faire est de générer custom map tiles. Il y a un nice tutorial here.

EDIT: J'ai juste trouvé un autre site qui utilise la même technique.

J'ai aussi trouvé des solutions de rechange qui ne sont pas basées sur l'API Google Maps (1er est le meilleur à mon avis):

  1. Microsoft's Seadragon
  2. http://ditchnet.org/dhtmlgallery/slider.html
  3. http://www.oneblackbear.com/zoom/index.html
  4. http://www.rborn.info/moozoom.php

et d'autres questions à ce sujet:

  1. Image Zoom using javascript?
  2. Javascript for zooming and panning an image
  3. Javascript/jQuery image zoom plugin

EDIT: Si vous avez des images vraiment grand, vous pouvez télécharger les fichiers sur GigaPan(SM) et embed les dans votre site web.

+0

Je pense que l'utilisation de l'API Google Maps est une bonne idée en général, mais une surpuissance totale pour la tâche en cours (ajout d'un bouton + et - à une image). D'un autre côté, le PO pourrait l'aimer. Nous verrons. –

+0

@Pekka C'est peut-être une surpêche, mais l'API Google Maps est fiable, bien documentée et légère. – jbochi

+0

+1 Seadragon un look génial! –

2

Regardez aussi GWT ...

est ici un fait à GWT Zoomer: http://gwtgallery.appspot.com/about_app?app_id=21025

+0

je suis confus sur celui-ci. Avez-vous besoin d'utiliser un service séparé ici ou pouvez-vous simplement obtenir le code source et l'intégrer sur votre site Web. il semble que vous devez payer et vous inscrire pour un service côté serveur – leora