2009-12-28 2 views
11

gibt es eine Bibliothek oder Komponente, die Photoshop oder pdf-Stil Zoomen ermöglicht, wo ich Bilder, die ich will, dass Benutzer klicken können zu vergrößern und verkleinern, und ich möchte in der Lage, um es zu vergrößern mehrere Male und auszoomen einige Malegibt es eine Bibliothek, die eine Zoom-In/Out-Taste über ein Bild und ermöglicht inkrementelle + und -

ich möchte das Äquivalent von jedem Benutzer zu unterstützen, mit der Fähigkeit, solche Sachen zu tun: https://addons.mozilla.org/en-US/firefox/addon/139

+0

Aus Neugier, warum hast du die Antwort automatisch akzeptieren lassen? es gibt nicht nur die Hälfte des Kopfgelds, sondern Sie verlieren auch Ihre Stimme, wenn Sie sagen, welche Antwort Sie bevorzugen –

+0

hmm. . Ich habe nicht bemerkt, dass es 1/2 der Kopfgeld gegeben hat. . Entschuldigung – leora

+0

Gut 1/2 der Kopfgeld ist unglücklich, aber kein echtes Problem. Allerdings können Sie eine automatisch akzeptierte Antwort für eine Kopfgeld nicht ändern, während Sie für eine Antwort auf eine normale Frage –

Antwort

13

Werfen Sie einen Blick auf:

  • die gzoom jQuery-Plugin
  • shiftzoom (Beispiel here)
  • die jQuery-Plugin MapBox (funktioniert mit Scroll-whell und ich bin sicher, dass Sie halten können +/- buttons)
  • das MooZom plugin (funktioniert mit scroll whell und ich bin sicher, du kannst +/- knöpfe)
  • Anything Zoomer ist auch schön

Dann gibt es Zoomorama die eine Alternative zu Microsoft's Seadragon ist, wenn Sie nicht mit Blitz nichts dagegen.

10

Sie können dazu Google Maps API verwenden. Alles, was Sie tun müssen, ist custom map tiles generieren. Es gibt eine nice tutorial here.

BEARBEITEN: Gerade gefunden site, die die gleiche Technik verwendet.

Ich habe auch einige alternative Lösungen, die auf Google Maps API basieren (1. ist das beste in meiner Meinung nach):

  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

und weitere Fragen zu diesem Thema:

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

EDIT: Wenn Sie wirklich große Bilder haben, können Sie die Dateien auf GigaPan(SM) und embed sie hochladen in Ihrer Website.

+0

Ich denke, dass die Verwendung der Google Maps API im Allgemeinen eine großartige Idee ist, aber insgesamt einen Overkill für die vorliegende Aufgabe darstellt (Hinzufügen eines + und - Buttons zu einem Bild). Auf der anderen Seite mag das OP es mögen. Wir werden sehen. –

+0

@Pekka Es mag in der Tat ein Overkill sein, aber Google Maps API ist zuverlässig, gut dokumentiert und leicht. – jbochi

+0

+1 Seadragon sieht gut aus! –

2

Werfen Sie einen Blick auf GWT auch ...

hier ist ein zoomer in GWT gemacht: http://gwtgallery.appspot.com/about_app?app_id=21025

+0

Ich bin auf diesem einen verwirrt. Müssen Sie hier einen separaten Service nutzen oder können Sie einfach den Quellcode abrufen und ihn auf Ihrer Website einbetten. Es scheint, als ob Sie für einige serverseitige Dienste bezahlen und registrieren müssen – leora