Responsives 360° Grad Produkt Viewer / Standalone 360° Player mit tiefem Zoom
Eins der herausragenden Modi des AJAX-ZOOM Viewers sind die 360° Grad Produkt Ansichten.
Jedes Steuerungselement lässt sich abschalten, erweitern und anpassen.
Auch das Verhalten ist bis ins kleinste Detail einstellbar.
Oben ist ein Beispiel für eine eigenständige 360° Produktansicht mit 36 Bildern.
Die native Auflösung jedes Bildes beträgt 7216 x 5412px. Das sind etwa 39 Megapixel!
Die Bilder wurden mit Hasselblad Mittelformatkamera gemacht, aber heutzutage gibt es mehrere erschwingliche DSLR von Canon oder Nikon,
die diesen Auflösungsbereich nahezu erreichen können.
Trotz der hohen Auflösung wird die 360° Produktansicht dank der Multiskalen Technologie
sehr schnell geladen. Beim Zoom werden nur die Bereiche des Bildes nachgeladen, welche
für den Zoom Level und den Ausschnitt benötigt werden.
Sie müssen jedoch nicht unbedingt eine extrem hohe Auflösung verwenden,
um die Vorteile der Multi-Resolution-Technologie im Allgemeinen zu nutzen.
Selbst bei 8, 10 oder 20 Megapixel Bildern wird der Unterschied schnell klar.
Wenn Sie die Multi-Resolution-Technologie jedoch nicht verwenden möchten,
können Sie diese per AJAX-ZOOM "simpleMode" Option deaktivieren!
In diesem Blogeintrag
finden Sie weitere Informationen zu der Option "simpleMode" und können sie vergleichend im Viewer testen.
Hotspots auf 360°/3D Ansichten oder einfachen Bildern
Das zugegeben überladene Beispiel oben soll nur die Bandbreite der Möglichkeiten aufzeigen,
wobei es in einer Darstellung vollumfänglich darzustellen trotzdem kaum möglich ist.
Hotspots (Markierungen im Bild) können nicht nur auf 360° Grad Ansichten,
sondern auch auf 3D Ansichten und normalen 2D Bildern, einschließlich Galerien, platziert werden.
Sie lassen sich auch mit der
Interaktiven Produkt-Tour,
die Sie in der nächsten Registerkarte sehen können, gut kombinieren.
Die Erstellung der Hotspots kann wahlweise mit dem im Download Paket
enthaltenden Hotspot-Editor
erfolgen oder sie können über AJAX-ZOOM API Funktionen erzeugt werden, z.B. mit Daten aus einer Datenbank.
Sie müssen sich daher nicht allein auf den Hotspot-Editor verlassen und können beliebig viele Hotspots dynamisch über JavaScript generieren.
Wenn Sie eines unserer Module für Shopping Systeme verwenden,
finden Sie den Hotspot-Editor im Administratorbereich Ihres CMS bereits integriert
und ohne weitere Programmierung einsatzbereit.
Es ist aber auch problemlos möglich, den Hotspot-Editor in bestehende Anwendungen zu integrieren, ohne AJAX-ZOOM-Module zu verwenden!
Standardmäßig wird der JSON-ähnliche Code, der in diesem Hotspot-Editor generiert wird, in einer Datei gespeichert.
Sie können diese Code jedoch auch in einer Datenbanktabelle oder wo auch immer speichern.
Innerhalb des Codes der Hotspot-Editor-Datei besteht die Möglichkeit, Speichermethode und Speicherort über einen Codeschalter zu ändern.
Wenn Sie dies tun, werden die GET und PUT Aktionen zu einem AJAX-Controller-Pfad Ihrer Wahl umgeleitet.
Innerhalb des Controllers entscheiden Sie was mit den Daten geschieht bzw. wo sie herkommen.
Mit diesem Photo Viewer bzw. Slider können Sie hochauflösende, ultra-hochauflösende oder weniger auflösende Bilder responsiv darstellen.
Sie haben die Wahl, welche Steuerungselemente Sie aktivieren und wo Sie diese platzieren.
Das Wischen zwischen Bildern mit hoher Auflösung war noch nie einfacher und schneller.
Zusätzlich könnten Sie sogenannte Hotspots (interaktive im Bild Markierungen) hinzufügen,
den Viewer extern über API steuern und beliebig und die Funktionalität praktisch beliebig erweitern.
Im Download-Paket finden Sie auch verschiedene Beispiele,
in denen Sie einfache Bilder mit unserem 360° Grad- oder 3D-Produkt Viewer,
sowie verschiedenen Videoplayern ein einem Multimedia-Player kombinieren können.
Der Photo Viewer funktioniert gut auf mobilen Geräten und gehorcht intuitiven Gesten wie Multi-Touch-Pinch-Zoom oder Swipe.
Wenn man bedenkt, dass es sich um einen Multiskalen Viewer handelt,
kann man nicht viel mehr davon erwarten, dass es besser wird.
Wir sind jedoch ständig bemüht, die Leistung und Funktionalität zu verbessern.
Responsive Multimedia Swipe Galerie mit 360° Produktspins, Bilder mit progressiver Zoomfunktion, Videos, AJAX und IFRAME Inhalt
Für eine 360° - oder 3D-Webansicht sind die Einstellungen in
diesem Beispiel so gesetzt,
dass der Benutzer nur die Möglichkeit hat, in nicht gezoomten Zustand zu drehen.
Mit einem Klick zoomt das Bild oder 360 auf die Originalgröße.
Ein weiterer Klick im gezoomten Zustand bewirkt, dass das Bild wieder vollständig herauszoomt.
Zusätzlich erscheint eine Zoom Out-Taste, wenn das Bild auch nur geringfügig vergrößert ist.
Das oben beschriebene Verhalten ist typisch für viele Viewer ohne Multiskalen Auflösung.
So wird dabei das schwerwiegende Originalbild bei 100% Zoom vollständig geladen.
Mit dem AJAX-ZOOM Viewer muss der Benutzer jedoch nicht warten, bis dieses große Bild vollständig geladen ist.
AJAX-ZOOM lädt nur den Teil des gezoomten Bildes, welches beim Zoomen sichtbar ist, wobei die Ansicht sofort scharf wird,
ohne dass der Benutzer mehrere Megabyte unnötiges Datenvolumen herunterladen muss.
Bei schnellen Verbindungen merkt der Benutzer nicht einmal, dass dieser Teil des Bildes geladen wird,
da die entsprechenden "Bildkacheln" geladen werden während die Zoom Animation läuft.
Die Bildkacheln werden direkt nach dem Ende der Zoom-Animation oder sogar während der Animation unauffällig eingeblendet.
Dieses relativ einfache Konzept wird hauptsächlich verwendet,
um detaillierte Karten online anzuzeigen. Google Maps verwendet dies, tatsächlich verwendet jeder Kartenservice diese Technologie.
Es wäre seltsam, wenn Sie die gesamte Weltkarte herunterladen müssten, um Ihre Nachbarschaft zu sehen, oder?
Mit AJAX-ZOOM können Sie von dieser Technologie profitieren, ohne sie wirklich zu verstehen.
Verwenden Sie einfach diese Zoom-Magie in Ihrem Webstore oder auf Ihrer Produktseite und profitieren Sie von dieser tiefen Zoom-Vergrößerung,
ohne sich Gedanken über die Bildgröße machen zu müssen, die normalerweise für eine Web-Ansicht zu groß sind.
Das Gleiche gilt für mobile Benutzer, es macht einfach keinen Unterschied.
Alternativen
Ähnliche Funktionalität mit gemischtem Inhalt in einem Player (360 / 3D, Video und normale Bilder)
können Sie auch mit dieser Erweiterung / Beispiel erreichen,
wobei abhängig von den Einstellungen mouseover Zoom als Vorschau für Ihre hochauflösenden Bilder aktiviert werden kann.
3D Fotografie Bilder sind mehrzeilige bzw. mehrstufige 360 Grad Bilder.
Fotos eines Objekts werden nicht nur horizontal, sondern auch aus denselben Winkeln aufgenommen,
wenn die Kamera dem kugelförmigen Pfad folgend vertikal verschoben wird.
Wir definieren es als Zeile oder Linie. Wenn also im Kontext des AJAX-ZOOM Viewers von 3D gesprochen wird, bedeutet dies,
dass mindestens zwei 360-Rundansichten desselben Produkts mit der gleichen Anzahl von Bildern in jeder Rundansicht vorhanden sind.
AJAX-ZOOM unterstützt auch diese mehrzeiligen 360-Bilder.
In diesem Beispiel
finden Sie ein isoliertes Beispiel für eine 3D-Produktansicht.
Bei der AJAX-ZOOM-bezogenen Integration und Dateistruktur besteht der grundlegende Unterschied zwischen 360° und 3D darin,
dass für 360° der Pfad zu einem Ordner angegeben werden muss,
in dem 360-Grad Einzelbilder bzw. Frames direkt in diesem Ordner gespeichert sind.
Für 3D müssen Sie den Pfad zu einem Ordner angeben, der weitere Unterordner mit Einzelbildern der 360-Rundansichten in jedem Unterordner enthält.
Nochmals ist es wichtig hervorzuheben, dass die Anzahl der Bilddateien in jedem Unterordner gleich sein muss.
Auch müssen alle Bilder die gleichen Abmessungen haben - Breite x Höhe.
Andernfalls gibt AJAX-ZOOM einen Fehler aus.
Die Benennung der Dateien muss nicht einem bestimmten Schema folgen.
Sie müssen sie nur so benennen, wie eine Maschine die Bilddateien mit einem regulären Sortieralgorithmus sortieren kann.
Sie müssen jedoch die Bilddateien in jedem Ordner unterschiedlich benennen!
Diese Regel gilt sowohl für Zeilen einer 3D-Ansicht, als auch für unterschiedliche 360 Grad Ansichten im Allgemeinen.
Der Grund ist AJAX-ZOOM-Caching Mechanismus, das sich auf diese Regel stützt.
AJAX-ZOOM verfügt über viele Möglichkeiten Bildgalerien zusammenzustellen.
Hier wird eine Galerie mit "internem" Slider gezeigt, welches vertikal oder horizontal angeordnet bzw. auch abgeschaltet werden kann.
Wie eigentlich überall im AJAX-ZOOM, werden alle Miniaturansichten automatisch generiert.
Um zu bestimmen, welche Bilder in der Galerie erscheinen sollen, gibt es mehrere vordefinierte Möglichkeiten.
Zum einen kann man eine Liste mit einzelnen Bildpfaden angeben. Zum anderen ist es möglich einen
Ordnerpfad zu bestimmen, aus welchem AJAX-ZOOM die Bilder automatisch ausliest und der Galerie hinzufügt.
Über die AJAX-ZOOM API können Sie die Galeriebilder austauschen,
z.B. aus einem anderen Verzeichnis auslesen lassen. Hier ist ein
interessantes Beispiel, wo diese API Function in einer der Erweiterung verwendet wird.
Wenn Sie diese Art der Darstellung bevorzugen jedoch in der Galerie auch 360° Animationen, sowie Videos einbinden wollen,
dann schauen Sie bitte
example29_responsive_easy oder
example32_axZmMode Beispiele an!
Kurz über das AJAX-ZOOM Bild Zoom beim Hover Extension
Die multimedia Galerie wird automatisch erzeugt und ist ebenfalls über zahlreiche
Parameter veränderbar.
Sie kann aber auch gänzlich abgeschaltet werden.
Die Position der Galerie (rechts, links, oben und unten) ist dynamisch per Breakpoints einstellbar.
Ebenfalls sind die Proportionen der Ansicht als fest, den Bild Proportionen entsprechend oder per Breakpoints definierbar.
Unabhängig von der Reihenfolge der Bilder, 360 Grad Ansichten und Videos kann man frei bestimmen, welches Element zuerst geladen wird.
Für die Darstellung eines Bildes wird nur ein hochauflösendes "Masterbild" benötigt.
Die Skalierungen werden automatisch erzeugt, wobei für das Mouseover Bilder die
einzelne Miniaturansichten und Vorschaubilder direkt als Pfad definierbar sind.
Wie auch Immer die Bilder definiert sind ist es hier wichtig hervorzuheben, dass im Mouseover Zoom bzw. Slider
nicht das hochauflösendes "Masterbild" erscheint, sondern eine einstellbar kleinere Version davon.
Standardmäßig ist die maximale Größe auf 1200x1200px begrenzt, was für die Voransicht im Zoom Fenster meistens ausreicht.
Beim Klick auf das Vorschaubild öffnet sich das hochauflösende Bild im AJAX-ZOOM Viewer je nach Einstellung und Endgerät
entweder in einer responsiven Fancybox oder sofort in einer Vollbild Ansicht.
Im Player werden dabei nur die Teilbereiche des Bildes geladen, welche bei der Größe der Ansicht und
Ausschnitt bzw. Zoombereich erforderlich sind, so dass auch ein 50 Megapixel großes Bild ohne Verzögerung geladen wird.
Der HTTP Pfad zu dem hochauflösenden "Masterbild" kann z.B. über ".htaccess" gesperrt werden,
da es nur vom AJAX-ZOOM benötigt wird, welcher nur Serverseitig drauf zugreift.
Gleiches gilt auch für die 360 Bilder.
Wenn Sie diese Art des dynamischen Ladens nicht möchten, können Sie die
" einfache Modus Option" aktivieren,
um das große Bild vollständig zu laden, wenn es abhängig von Bildschirmgröße und Ebene des Zooms angemessen ist.
Wenn Ihnen die einfache 360 Grad Ansicht zu langweilig erscheint, dann können Sie mit einer "360° Grad Produkt-Tour"
die Animation aufwerten und die Nutzererfahrung, sowie den Informationsgrad erheblich steigern. Dabei sollten Sie beachten,
dass die 360° Grad Bilder eine höhere Auflösung haben müssen, damit der Effekt insbesondere auf größeren Bildschirmen sichtbar ist.
Auf die Ladezeiten hat es Aufgrund der Multiskalen Technologie keine Auswirkung, so dass Sie problemlos selbst 50 Mio. Pixel große 360 Bilder dem
AJAX-ZOOM Viewer zur Verfügung stellen können.
Dank des speziellen
Editors,
welcher im Download Paket enthalten ist, lassen sich solche 360 Grad Touren unglaublich schnell und ohne Fachwissen erstellen!
Dabei hat der Redakteur die Wahl zwischen diversen vorprogrammierten Animationsarten und kann für jeden
Ausschnitt zusätzlich eine Beschreibung, eine weitere 360° Grad Ansicht, Panorama oder ein Video hinzufügen.
Außerdem ist die 360° Grad Produkt-Tour mit Hotspots (Markierungen im Bild) kombinierbar.
Die "Produkt-Tour" lässt sich nicht nur mit 360 Bildern, sondern auch mit 3D Bildern, sowie den normalen Bildern bzw. Galerien verwenden.
Dies funktioniert sowohl mit den mitgelieferten
Editor,
als auch grundsätzlich ohne den Editor. Dazu stellt AJAX-ZOOM die entsprechende API bereit,
mit welcher Ausschnitte erzeugt werden können, was in
diesem Beispiel
veranschaulicht wird.
Innerhalb des Editors auf ajax-zoom.com
finden Sie außerdem in der Beschreibung die Möglichkeit alternatives Content zu laden, sowie
den Editor live zu testen. Nur abspeichern können Sie es dort nicht.
Für eine mehr technische Beschreibung der Produkt-Tour klicken Sie bitte
hier.
Der Editor ist relativ einfach in vorhandene Anwendungen integrierbar, für die wir noch kein Modul bereitstellen.
Das dabei produzierte JSON Code kann
wahlweise in einer Datei oder über ein Controller etwa in einer DB gespeichert und abgerufen werden.
Sie finden den "360° Grad Produkt-Tour" Editor im Backend eines jeden
AJAX-ZOOM E-Commerce Module
bereits integriert und ohne Programmierung einsatzbereit.
Ersetzen eines Bildes mit AJAX-ZOOM Viewer beim Klicken
Angenommen, Sie haben ein responsives Layout mit zwei oder mehr Spalten, bei dem auch die Breite der Hauptcontainer responsiv ist.
Dies ist eine typische Situation für CMS-Themen wie die vielen modernen, die heute beispielsweise für WordPress verwendet werden.
Jetzt möchten Sie hochauflösende Bilder zwischen Texten platzieren,
ohne dass die Nutzer und Google beim Laden der Seite umfangreiche Daten vorladen müssen.
Jedoch wollen Sie nicht auf hochauflösende Bildwiedergabe mit vielen Details verzichten.
AJAX-ZOOM ist das perfekte Werkzeug, um genau dies zu implementieren.
Den Code zur Implementierung finden Sie in
diesem Beispiel.
Bei der mitgelieferten AJAX-ZOOM jquery.axZm.hoverThumb Erweiterung
können Sie den Mouse-Hover-Effekt des Vorschaubildes mit niedriger Auflösung anpassen,
Bilder nach Datenattributen gruppieren und vieles mehr.
Als HTML-Markup ist nur ein "img" Tag mit Datenattributwerten erforderlich.
Die jquery.axZm.hoverThumb Erweiterung erkennt diese Bild-Tags anhand von CSS Klassen
und verbindet sie mit dem AJAX-ZOOM-Viewer über die Werte in Datenattributen automatisch.
Für das Click-Ereignis haben Sie die Wahl, das Vorschaubild direkt durch den AJAX-ZOOM-Viewer zu ersetzen,
wie auf dieser Seite gezeigt, den Viewer in einem responsiven modalen Fenster oder im Vollbildmodus zu öffnen.
Für das Einbetten ohne Hover-Effekt, was auch für 360 Grad gut funktioniert,
schauen Sie bitte dieses Beispiel an!
Diese Mouseover Zoom Erweiterung vereinigt in sich viele Technologien, die AJAX-ZOOM zu bieten hat.
Nicht zuletzt deshalb ist sie im Frontend der
E-Commerce Module integriert,
über das Backend dieser Module steuerbar und über viele Optionen justierbar.
Sie lässt sich aber auch
manuell woanders integrieren.
Klicken Sie auf die obige Tabs um einzelne Technologiearten / separate 360° Grad Player zu sehen.
Die Mouseover Erweiterung ist sowohl ein Mausover Zoom mit hunderten von Einstellungen, als auch ein Bild Slider,
welches sich per Standardeinstellung auf mobilen Endgeräten automatisch einschaltet.
Darüber hinaus können Sie Videos von den Videoplattformen "YouTube", "Vimeo" und "dailymotion" hinzufügen oder mit mp4 Videoquellen verknüpfen.
Letztere werden innerhalb dieser Erweiterung im "VideoJs" Player oder im nativen HTML5 Video Player des Browsers gezeigt.
Eine kleine Auswahl aus vielen Optionen der Mouseover Zoom Erweiterung
"axZmMode"
- An - Aus
"Zoom-on-Hover" Erweiterung verhält sich wie ein normaler AJAX-ZOOM Viewer mit tiefem Zoom.
Inneres Zoom:
- An - Aus
Zoomen bei Mouseover innerhalb des Bildcontainers anstelle des virtuellen Fensters nebenan. Dies gilt nicht für 360 Bilder.
Mouseover Zoom:
- An - Aus
Zoom beim Mouseover ausschalten und nur die Bildslider Funktionalität beibehalten.
"maxZoomMode":
- An - Aus
Beim Klick innerhalb des AJAX-ZOOM Viewers auf den Maximalwert zoomen.
Miniaturansichten:
- An - Aus
Miniaturansichten Galerie ein- bzw. ausschalten.
Position der Galerie:
Position der Miniaturbildgalerie.
Bei zwei Größen entscheidet AJAX-ZOOM, wo die Galerie platziert werden soll.
Öffnen des AJAX-ZOOM Viewers im virtuellen Fenster
Klicken Sie auf die unterstehenden Tasten um jeweils eine Bildgalerie oder 360 Grad Bilder
in einer Lightbox bzw. Modalbox oder in Vollbild Ansicht zu öffnen.
Als Alternative zum direkten Einbetten des AJAX-ZOOM-Viewers in Ihr Seitenlayout können Sie ihn bei Bedarf in einem modalen Feld öffnen, indem auf ein beliebiges HTML-Element geklickt wird.
Als Inhalt des Viewers können Sie ein einzelnes Bild mit hoher Auflösung, einen Satz von Bildern mit oder ohne Galerie oder eine 360-Produkt-Ansicht festlegen.
Dieses Beispiel zeigt die grundlegende Vorgehensweise zum Öffnen von AJAX-ZOOM in einer modalen Box mithilfe einiger Skripte, einschließlich der neuen "APP-Container" Erweiterung.
Mit den Informationen in diesem Beispiel können Sie Ihre bevorzugte modale Komponente anpassen, die HTML als Inhalt akzeptiert, um den AJAX-ZOOM-Viewer darin anzuzeigen.
Responsive Miniaturansichten Galerie mit optionaler Seitennummerierung und diversen Öffnungsmethoden
Angenommen, Ihre Aufgabe besteht darin, eine Miniaturansichtsgalerie mit zoombaren Bildern beim Klicken anzuzeigen.
In diesem Fall bietet AJAX-ZOOM mehrere Erweiterungen an, die automatisch eine solche Galerie generieren und den Viewer in einer modalen Box oder sofort als Vollbildansicht öffnen.
Bei der Initiierung der Erweiterung können Sie festlegen, ob alle Bilder aus einem bestimmten Ordner geladen werden oder eine Liste mit Bildpfaden aus verschiedenen Ordnern bereitgestellt wird.
Bei der Festlegung, alle Bilder aus einem bestimmten Ordner zu laden, fügt AJAX-ZOOM die später hochgeladene Bilder automatisch hinzu.
Dabei werden die Miniaturbilder ebenfalls automatisch erstellt.
Wenn der Benutzer auf eines davon klickt, wird das Bild im AJAX-ZOOM-Viewer auf eine Weise geöffnet, die Sie in den Optionen der jeweiligen Erweiterung festgelegt haben.
Standardmäßig verwendet AJAX-ZOOM Viewer bei den hochauflösenden Bildern die progressive Lademethode mittels Bildkacheln.
So können Ihre Kunden selbst Bilder mit ultrahoher Auflösung sehen, ohne dass das Herunterladen der gesamten Bilddaten erforderlich ist.
Sie können jedoch diese Bildkacheln Technologie per Option deaktivieren und stattdessen das Originalquellbild beim Zoom oder je nach Bildschirmauflösung bzw. Bildschirmdichte, als Ganzes im Viewer laden.
In diesem Fall wird zunächst noch eine kleinere Darstellung des gesamten Bildes vorgeladen, sodass der Betrachter die Möglichkeit hat, das Bild schnell mit weniger Details zu sehen.
Die Beispiele, wo die oben dargestellte jquery.axZm.thumbGallery.js Erweiterung implementiert ist, sind:
example5,
example7,
example8,
example11,
example16,
example21.
Dort finden Sie auch die Dokumentation für diese Erweiterung.
Alle diese Beispiele und Erweiterungen sind im Downloadpaket einhalten.
AJAX-ZOOM Einbinden über Iframe
Iframes sind die einfachste Art und Weise, wenn sie viele 360 drehbare Produktansichten
oder einfache Bilder mit Zoom gleichzeitig auf einer Seite einbinden wollen.
Iframes sind auch hilfreich, wenn AJAX-ZOOM ohne Modifizierung des Codes in Ihrem CMS
schnell implementiert werden soll.
Unter vielen anderen Optionen können Sie die 360 / 3D Produktansichten sofort vorladen
oder erst dann starten, wenn der Nutzer darauf klickt.
Im Iframe, passt sich der AJAX-ZOOM Viewer automatisch der Größe des responsiven Iframes an.
Bitte beachten Sie, dass wenn Sie der in example13
vorgeschlagenen Art der Integration folgen,
wird die Vollbildansicht in IOS Safari auch ohne ein neues Fenster zu öffnen funktionieren,
wobei Normalerweise dies nur den Videos aus einem Iframe heraus vorbehalten ist.
Wenn Sie also den 360-Viewer für Produkte oder den Zoom-Viewer für einfache Bilder über Iframe richtig einbinden,
führt dies im Vergleich zur regulären Integration zu keinen merklichen Unterschied!
Sie können dies auch auf dem Desktop testen
indem Sie auf den Vollbild-Button im Beispiel mit braunen Schuh 360-Ansicht Ansicht klicken.
Das Wasserzeichen ermöglicht wirksamen Schutz des Original bzw. Quellbildes ohne Kompromisse.
Geignet für professionellen Einsatz. Das ist aber beim Weiten nicht die einzige herausrangende Eigenschaft...
Module / Plugins
"Module / Plugins / Erweiterungen" sind nicht notwendig,
um AJAX-ZOOM in Ihrem CMS oder Shop nutzen zu können.
Allerdings erleichtern und beschleunigen unsere Module den Prozess der Integration erheblich.
Wenn alle technischen Voraussetzungen zu dem Server und PHP erfüllt sind,
dann haben Sie AJAX-ZOOM innerhalb von zwei Minuten in Ihrem Shop am Laufen.
Die Module bzw. Plugins sind mit wenigen Klicks installierbar ohne dass Sie eine einzige Zeile Code schreiben müssen.
Das Gleiche gilt für die Verwendung in Ihrem Shop.
Die Module, sowie AJAX-ZOOM selbst, werden regelmäßig aktualisiert und mit neuen Funktionen ausgestattet.
Kundenspezifische Änderungen bzw. Funktionen sind möglich.
Verfügbar sind Module für Magento, Prestashop, WooCommerce (WordPress),
Opencart, Shopware und Oxid.
Besonders empfehlenswert ist die AJAX-ZOOM Erweiterung für Shopware,
sowie Shopware selbst. Die Erweiterung für Shopware ist unsere Spielwiese für neue Funktionen, die erst später in andere Module übernommen werden.
Das heißt natürlich nicht, dass die Funktionen nicht ausgereift sind. Das Gegenteil ist der Fall.
Über AJAX-ZOOM
AJAX-ZOOM ist ein selbst gehostetes, universell einsetzbares und sehr vielseitiges Bild - Zoom Modul mit optionaler Photo Galerie, 360° Grad / 3D Objekt Drehe-Funktionen und Mouseover Zoom
Erweiterung auf Basis von PHP und jQuery (JavaScript), welches selbstverständlich im responsiven Webdesign voll einsetzbar ist.
AJAX-ZOOM wird in Deutschland entwickelt und wurde zuerst im Jahr 2010 veröffentlicht.
Seitdem wird es kontinuierlich weiterentwickelt und nach Kundenbedürfnissen angepasst.
Mit dieser voll ausgestatteten Lösung ist es möglich selbst ultra-hochauflösende Fotos online in bester Qualität zu präsentieren.
Über die ca. 400 optionalen Parameter und CSS kann AJAX-ZOOM sehr flexibel konfiguriert werden.
Alle Steuerungen können individuell ausgeschaltet und grafisch angepasst werden.
Eine nahtlose Integration in jede Webseite ist dadurch gewährleistet.
Alles was Sie brauchen ist ein LAMP (Linux, Apache, MySQL und PHP) Webserver,
wobei auch ASP.NET / IIS Anwendungen ohne PHP über "Phalanger" unterstützt werden.
Für eine optimale Qualität und Geschwindigkeit bietet AJAX-ZOOM zudem die volle Unterstützung von ImageMagick®,
wobei die in PHP integrierte LibGD in der Regel völlig ausreicht.
Unterstützt werden JPG, TIF, PNG, BMP, GIF und PSD Bildformate (TIF & PSD nur mit "Imagemagick").
Anders als einige unserer Wettbewerber behaupten wir nie,
dass AJAX-ZOOM der beste Medien- oder Bild-Viewer ist.
Wir kennzeichnen es auch nicht als Original in Bezug auf bestimmte Funktionen.
Welcher der beste Viewer ist, glauben wir, dass dies stark von den Benutzerpräferenzen und Anwendungsbereichen abhängt.
Als Original in diesem und jenem, naja, glauben Sie nicht immer daran,
was Marketing-Leute zu schreiben neigen, wenn anderen Argumente fehlen.
Ehrlich gesagt, Wettbewerber? Welche Wettbewerber?
Multiskalen Auflösung
AJAX-ZOOM verwendet die Bildkacheln Technologie, bei der je nach Zoomstufe und Ausschnitt,
Teile des hochauflösenden Bildes dynamisch nachgeladen werden.
So ähnlich, wie Sie es beispielsweise in Google Maps Anwendung sehen können - beim Zoomen wird die Ansicht sichtlich schärfer gestellt.
Die Konvertierung der Bilder zu Bildkacheln geschieht dabei gänzlich automatisch - entweder "On-The-Fly" oder über ein mitgeliefertes Stapel-Verarbeitung PHP Script.
Für Sie bedeutet es, dass AJAX-ZOOM problemlos in bereits produktive Websites in kürzester Zeit integriert werden kann.
Die hochauflösenden Quellbilder werden dabei nicht verändert.
Durch bestimmte Einstellungen kann AJAX-ZOOM zudem so eingestellt werden,
dass das Quellbild geschützt wird, bis zu dem Grad, dass AJAX-ZOOM für kommerzielle Bildanbieter geeignet ist.
AJAX-ZOOM hat beispielsweise die Option Bildkacheln,
sowie weitere Bilder, die in den Browser Cache geladen werden, automatisch mit Wasserzeichen zu versehen.
Da das Quellbild, also das originale großes Bild nie in den Browser Cache geladen wird,
kann das Verzeichnis mit dem hochauflösenden Bild z.B. mit ".htaccess" geschützt werden.
Seit AJAX-ZOOM Version 5.3.0 verfügt AJAX-ZOOM jedoch über eine Option
("simpleMode"),
um das gesamte Originalbild beim Zoomen oder bei Bedarf zu laden.
In diesem Fall wird es vollständig in den Browser-Cache geladen, was für Bilder mit geringerer Auflösung in Ordnung ist.
Bis zu einer Auflösung von 4 Megapixeln ist die Leistung hinnehmbar.
Abhängig vom Lizenztyp können Sie auch einen Schwellenwert für die Auflösung festlegen,
bis zu der das Originalbild direkt geladen wird und darüber die Bildkacheln angewandt werden.
Kompatibilität
AJAX-ZOOM funktioniert in allen modernen Browsern, ist aber auch in der Lage, in dem alten IE 9 für die meisten Funktionen zu arbeiten.
Auf mobilen Touch-Geräten unterstützt AJAX-ZOOM Pinch-Zoom, Double-Tap und verschieben der Ansicht mit zwei Fingern.
Auf Windows-Geräten, die eine Maussteuerung und Touchscreen haben, funktioniert AJAX-ZOOM ebenfalls sehr gut.
Selbstverständlich benötigt AJAX-ZOOM keine Browser Erweiterungen wie Flash, Java oder Silverlight.
Lediglich JavaScript muss im Browser aktiviert sein. JavaScript ist standardmäßig für alle Browser und Consumer-Geräte aktiviert
und erreicht daher nahezu 100% Kompatibilität.
API, Callbacks, Erweiterungen
AJAX-ZOOM verfügt über eine umfangreiche Bibliothek mit API Funktionen, Callbacks bzw. Hooks, sowie einigen Erweiterungen.
Mit den API Funktionen und Callbacks lassen sich anspruchsvolle Webanwendungen realisieren, ohne dass AJAX-ZOOM Code verändert wird.
Im Rahmen eines Auftrags kann auch unser Team auf Ihre Bedürfnisse ausgerichtete maßgeschneiderte Schablone für weitere Bearbeitung
erstellen bzw. AJAX-ZOOM Funktionalität, wenn nötig, erweitert werden.
Zu den Erweiterungen gehören beispielsweise der Hotspoteditor, Mouseover Zoom oder diverse Galerie Skripte.
Die Erweiterungen nutzen teilweise extensiv AJAX-ZOOM API Funktionen,
sowie Callbacks und sind von Struktur her einem beliebigen jQuery Plugin, welches über Optionen gesteuert wird, sehr ähnlich.
Ein Beispiel solcher simplen Erweiterung wäre in
example21 zu finden.
Dort werden Bilder automatisch aus unterschiedlichen Verzeichnissen ausgelesen und in einer Miniaturansichten Galerie angezeigt.
Der Nutzer kann zwischen den Verzeichnissen wechseln.
Beim Klick auf ein Miniaturbild öffnet sich das Bild im AJAX-ZOOM Player.
Aber auch komplexe Erweiterung sind im Download Paket vorhanden.
Auch wenn es sehr speziell ist, könnte example34
sehr gut als Beispiel dienen.
In diesem Beispiel werden einige Bilder aus einer alten Zeitung in Galerie geladen.
Zuvor wurden sie einem OCR Scan unterzogen, wobei die Position und Anmessungen eines jeden Wortes in einer XML Datei gespeichert sind.
Der User kann ein Wort im autosuggest Feld finden und sofern vorhanden, wird eine Liste mit Seiten ausgegeben, wo dieses Wort zu finden ist.
Beim Klick auf die Nummer des Suchergebnisses schaltet sich die entsprechende Seite um und das Wort wird visuell mittels AJAX-ZOOM API dynamisch erzeugten Hotspot markiert,
sowie automatisch vergrößert.
Beispiel Integration
Es gibt wirklich zahlreiche Möglichkeiten AJAX-ZOOM in Ihre Webseite einzubinden.
Der einfachste Weg diese kennenzulernen ist sich an den Beispielen zu orientieren.
Einen besten Weg gibt es natürlich nicht, denn es hängt von Ihren Anforderungen ab,
der Art und Weise wie AJAX-ZOOM aussehen soll, etc.
Das nachfolgende Beispiel ist daher eines von vielen:
<!-- Platzhalter DIV <body> -->
<div id="test">This id a placeholder DIV</div>
<script type="text/javascript">
// Create new object
var ajaxZoom = {};
// Absoluter Pfad zum axZm Verzeichnis
ajaxZoom.path = "/axZm/";
// Ihre spezifische Parameter
ajaxZoom.parameter = "zoomData=/pic/zoom/fashion/some_image.jpg|/bilder/ordner1/test.png&example=8";
// Die ID des Platzhalters
ajaxZoom.divID = "test";
</script>
<!-- AJAX-ZOOM javascript loader -->
<script type="text/javascript" src="/axZm/jquery.axZm.loader.js"></script>
Der obige Code kann in example9 untersucht werden.
Es lädt eine einfache Galerie mit horizontalen Slider, man könnte aber auch ein 360 / 3D laden
indem man ajaxZoom.parameter z.B. als ajaxZoom.parameter = "3dDir=/pic/zoom3d/Uvex_Occhiali&example=17" definiert,
wo "3dDir" Parameter den Pfad zum Ordner mit 360 Bildern darstellt und "example" den Parameter, welches einen Konfigurations-Set für den Player festsetzt.
Sie können ganz einfach die Konfigurations-Sets erweitern oder bestehende in /axZm/zoomConfigCustom.inc.php ändern.
Lesen Sie dazu mehr in AJAX-ZOOM Konfigurationsoptionen System ausführlich und im Detail erklärt Artikel.
Iframes sind jedoch die einfachste Art und Weise, wenn sie viele Player mit z.B.
drehbaren Produktansichten oder hochauflösenden Bildern mit
Zoom gleichzeitig auf einer Seite einbinden wollen.
Der AJAX-ZOOM Player passt sich automatisch dem responsiven Iframe an
und kann sogar durch User in Vollbildansicht gebracht werden, was auch
in IOS Safari (iPad, iPhone) funktioniert. Im
example13
können Sie einige Beispiele einer Iframe Einbindung sehen.
Zukünftige Versionen
Wir arbeiten ständig daran die Software zu verbessern. Ihre Wünsche und Ideen sind natürlich immer willkommen.
Unterstehend ein paar Punkte darüber, was noch getan werden sollte.
Einfache CDN Anbindung, wahrscheinlich zunächst über Amazon S3.
Integration mit Adobe scene7 image server.
Einschränkungen
Zurzeit nur eine Instanz pro Seite möglich. Trotzdem kann praktisch uneingeschränkte Anzahl an Playern auf einer Seite präsentiert werden,
wie z.B. in diesem Beispiel..
Man kann auch dynamisch unterschiedliches Content in einen Player laden, wie z.B. in diesem Beispiel.
Die regulär erworbene Version läuft nur unter den angegebenen Domain Namen.
Sie können jedoch die Demo Version lokal ausprobieren und zum Entwickeln nutzen.
Für volle Nutzung im Intranet kann eine "Unlimited" Lizenz gegen Aufpreis erworben werden.
Wenn Sie mehr Informationen oder ein Angebot benötigen, kontaktieren Sie bitte den Support.
Wichtige Meilensteine
2024-07-31
Unterstützung für PHP 8.3 hinzugefügt
2023-11-08
Unterstützung für PHP 8.2 hinzugefügt
2022-08-16
Unterstützung für PHP 8.1 hinzugefügt
2018-06-29
Kompletter Umbau der AJAX-ZOOM Batch-Datei.
Neben anderen Verbesserungen und Funktionen ermöglicht das neue Batch-Tool die Generierung von 100% des gesamten für das Frontend benötigten Caches,
die Festlegung wichtiger Optionen über das Menü, das Speichern dieser Optionen in einer externen Datei um sie später, in einer anderen Sitzung zu laden,
sowie die Vorschau von Bildern direkt im AJAX-ZOOM Player.
2018-06-29
Neue "simpleMode" -Option und "Simple" Lizenztyp veröffentlicht.
Die "Simple" Lizenz hat keine Beschränkung hinsichtlich der Anzahl an Bilder (unbegrenzt) und ist weitaus erschwinglicher.
2017-11-07
Support für PHP 7.1 / 7.2 hinzugefügt
2017-08-16
Alle Beispiele sind nun "out of the box" im responsiven Layout einsetzbar
2017-08-04
Galerien sind ab jetzt mit einer sanft animierten swipe Funktion sowohl für Mobile, als auch Desktop ausgestattet
2017-06-27
Deutliche Steigerung der Leistungsfähigkeit bei Interaktionen innerhalb des Players über alle Geräte hinweg
Der Lizenzpreis richtet sich primär an der Anzahl unterschiedlicher Bilder,
welche im AJAX-ZOOM Player insgesamt auf einer Domain angezeigt werden.
Vollständige Lizenzvereinbarung und die Preisliste finden Sie im Downloadbereich.
Die Demo (Light) Version kann natürlich kostenfrei heruntergeladen und in Ihrer Umgebung ausprobiert werden.
Bei Bedarf können wir eine zeitlich limitierte Lizenz ausstellen, wobei AJAX-ZOOM und die Module bzw. Plugins
auch ohne Eingabe der Lizenzdaten mit einigen Einschränkungen funktionieren sollten.
Falls etwas nicht wie erwartet funktioniert, zögern Sie nicht uns zu kontaktieren.
Bei den Preisen handelt es sich um einmalige Zahlung.
Comments (138)
Vadim Jacobi2022-07-06 00:59:17
@Cyril: the next major AJAX-ZOOM version will support WEBP, among many other improvements, new features, and extensions.
cyril2022-07-05 23:51:52
Hello
is it possible to use WEBP images or only JPG/PNG ?
thanks
Cyril
Vadim Jacobi2019-07-16 17:13:33
@Robero, there are plenty solutions such as XAMPP to work on local computer running Windows, Linux, or MAC OS-X. Please consider using one of those. Thank you.
Robero2019-07-14 14:45:49
Your code is great, but I would need to have it work on a local computer without PHP. Is it possible? tx.
Vadim Jacobi2018-09-04 00:48:30
@Nascimento: AJAX-ZOOM works with a sequence of individual images. They need to have unique file names and uploaded into a folder. Then, you point the product tour editor to this folder, create your presentation, save it, and use an example35_x to load... to skip all that rather complicated material I suggest that you use WordPress, which you probably use anyway and the AJAX-ZOOM Plugin for WooCommerce, see under Modules -> WordPress (short code) on this page. Going this way you do not need to write a single line of code and have the possibility to upload the images over the WP backend, create your product tour there, generate a short code and place it anywhere on your WP page. Hope that helps. If there are still any questions, do not hesitate to use the contact form. We do not bite :)
Jonathas Nascimento2018-09-03 20:01:36
Hi, Mr Jacobi.
How exactly the "360º Produkt tour" works? Need I to upload a sequence of individual images that will be showed as in the exemple? Or a .psd file (or other specific type of file) with the complete sequence of images? Sorry if my question sounds stupid, but I am a photographer and I didn´t understand how it works exactly.
Best regards.
Vadim Jacobi2018-08-16 17:30:23
@Max: the original, high-resolution image does not need to be loaded into the player. The path to the source of this image can be protected from being accessed over http. This can be achieved by e.g. htaccess rule on apache servers or others on different servers. If you want a 100% protection, you should consider enabling the convenient AJAX-ZOOM wtrmrk option, where it is possible to let the software also watermark the image tiles at different pyramid levels automatically. As the watermark, you can define a PNG image of your choice.
Max2018-08-16 05:36:56
Hello. Can you please tell me, are the images that in this player somehow secured from downloading via parsing the website?
Can you provide a comparing table with some cheaper player or maybe a list of achievements for this player?
Vadim2018-06-30 14:47:36
@mandeep: from what I know it is not possible to use AJAX-ZOOM in a vb.net project
mandeep2018-06-30 13:13:42
Sir,
can we use 3d zoom with Vb.net,
or can you customized so we can use with our vb.net project
Vadim Jacobi2016-09-20 11:21:24
@ag: yes, you can download AJAX-ZOOM and test the hotspots with your own spin images.
ag2016-09-20 11:00:42
Want to know more about hotspot integration. will free version file works ? wanted to test using difrent images in place of cycle.
Vadim Jacobi2016-04-22 19:17:48
Hello Andrew. I am not sure what you are going to do. Is it about "3D" with multilevel, meaning that you will have more than just one row, like this one? - http://www.ajax-zoom.com/examples/example28.php
If so, how do you get 5000 images? This would mean that you have also about 70 vertical rows which is way too much I would say. The highest we have is http://www.ajax-zoom.com/examples/example15_vr9.php with 810 images, but it is more an example of what is possible and not how one should do it :-)
Andrew2016-04-22 19:06:41
Hi Vadim, I'm thinking of using Ajax-Zoom for a full X-Y-Z-360 image of about 3000 pixels per frame. I need it to be smooth so would use at least 72 frames per rotation. How would Ajax Zoom cope with loading >5000 hi-res images? Would it simply load the relevant tile from the image pyramid?
Many thanks,
Andrew
Maniraj2015-01-13 07:18:56
Really zoom over function will very nice.
Vadim Jacobi2014-08-29 20:32:24
Enzo: there are quite many options to work with hotspots and ofcourse you can use different images, sizes, actions and so on. If you could send me some more detailed draft or maybe even a mockup of what you will be developing, then I could tell you if this is possible with AJAX-ZOOM.
Enzo2014-08-29 20:07:25
Hello, can I have more options to select on hotspot, like colors or other? My idea is to integrate ajax -zoom into my website (asp.net) for configuring bikes(frames, forks, wheel, etc).
Thank you
Vadim Jacobi2014-06-18 19:22:18
Hello Hans, stitching is not provided. This is a task of desktop software and there is plenty of it on the web. Zooming to certain coordinates is possible with the API zoomTo (please check the documentation). It is possible to define zoom level with x1, y1 coordinates or x1, y1, x2, y2 coordinates and some other parameters. Next version 4.1.9 will even provide an online utility to ease the setup of defining these values.
Hans2014-06-18 18:59:55
1) Do you provide stitching of multiple (40 - 50) high res pictures?
2) Then, do you provide zoom at a certain (X,Y) location?
Marsh Jaison2014-05-27 11:47:06
hi can we do a image rotate
Vadim Jacobi2014-03-21 15:49:37
Hello Mark! Interesting question. I would say more yes than no. Depending on the layout and functionality of your application a different API set could be used. I would suggest that you contact us directly with more detailed information, thanks.
mwillard2014-03-20 18:17:01
I am curious if the solution has image draping option. Thanks.
Mark
Kobayashi Online2014-01-28 17:14:54
We could not be more thrilled with the excellent service and level of commitment demonstrated by Vadim. He provided us with a 3D plugin for a site we were developing, groundradar.com. He even went in so far as to Skype us when we needed technical support. Everyone at Kobayashi would like to give Vadim a big, warm thank you!
Vadim Jacobi2013-10-16 10:21:32
Max: you might want to take a look at this API: http://www.ajax-zoom.com/index.php?cid=docs#api_zoomSwitchQuick
There is also an option to enable this switching for internal built galleries: http://www.ajax-zoom.com/index.php?cid=docs#gallerySwitchQuick
Max2013-10-16 04:56:14
It would be great if you had the before-after function. Two photos at the same dimensions and the possibility to switch from one to another while keeping the same position and zoom from the one before - this way all the details of the after image would be more relevant. Let me know if you have this feature and I've missed it.
Thank you and congratulations for a great work!
newwebsitethemes2013-08-26 08:13:12
Very useful and great zooming effect using jquery and css coding, absolutely design for product gallery, thank you for posting this lists.
Carsten2013-08-23 20:23:28
We are really looking forward to build it into our Shop System
safyhost2013-03-28 08:47:42
really like the zoom option is just amazing..thanks..:)
Vadim Jacobi2013-02-18 22:31:38
Hi People. Thanks for all your suggestions and bug reports. We finally released Ver. 4.0 with clickable hotspot support. Take a look at http://www.ajax-zoom.com/examples/example33.php There is an other example which is worth to take a look at: http://www.ajax-zoom.com/examples/example32.php If you have any other suggestions and remarks, do not hesitate to drop us you thoughts.
Vadim Jacobi2012-09-13 22:01:05
To all of You who was asking about clickable / mouseover etc. hotspots: the next AJAX-ZOOM version 4.0 will definitely support hotspots! At 2D, 360 and 3D modes, at all zoom levels and at fullscreen mode. Basically it is already working on our prototype, we just need to write an API for handling it (the easy but intriguing part). Hopefully this will be the last new feature among many, many others in version 4.0 so we will be able to present it to You shortly.
vik2012-08-09 07:24:20
how to save the file? Can it be used with java B/e
Subbu Vadali2012-07-20 20:35:57
We are looking at this tool to integrate with one of our products and certainly require some customization. A couple of such things are: adding annotations, on demand highlighting of text inside the images etc.. Can you please give me details on what would it cost to add these customizations? We are looking at an unlimited .NET version.
Gerhard2012-05-21 10:33:08
Hey guys.
Great plugin, but is it possible to integrate it in to a site that does not use PHP or ASP.NET?
We're looking at incorporating this in to a few of our e-commerce sites.
Vadim Jacobi2012-05-17 21:16:17
for asp.net please use phalanger. see the docs for more info. thanks
mbw2012-05-14 17:57:30
If I install this on php server can I just call the gallery from an ASP.net server? and will it work? Thanks.
chep phim2012-03-29 09:55:26
Very useful for me, its exactly what i need to protect images from my site. Thanks a lot. Please keep it up!
Vadim Jacobi2012-01-25 23:11:30
Ed: I do not know if you have seen this example: http://www.ajax-zoom.com/examples/example10.php Maybe this is something for you. Hotspots might be available in one of the next versions...
Ed2012-01-25 16:53:05
I am looking for something that will zoom into a site engineers drawing on the web, that has hot spots or links in various locations to show photos or info, perhaps in a popup or another page.
Can this software cope with these requests ?
Many thanks
Marcus Heisler2012-01-22 15:03:54
Hi.
Could Ajax zoom be used to create 3D interactive data for insertion into ibooks2 books? I'm looking for a way to create 3D interactive objects generated from images for ibooks2. As I understand it (and I'm not a programmer but a biologist) the 3D object format for ibooks2 is based on object models (i.e meshes?). I would like to use photographs rather than an artificially generated mesh to create this kind of interactive object. Any suggestions would be very appreciated.
Life For Rent2012-01-12 06:49:39
really like the zoom option is just amazing..thanks..:)
Vadim Jacobi2012-01-09 12:08:12
Wil: yes, it is possible to customize the player and turn off certain features. See examples and the docs. If you will have specific questions do not hesitate to contact...
Wil2012-01-09 03:30:08
Hi, Is it possible to customize the skin of this plugin and turn off certain features? Just want to know before we buy. Thanks!
Spark2011-11-28 14:11:35
Interesting post, after I was only looking for a simple Jquery lightbox-image enlarging script, I found this more sophisticated one.
I appreciate it!
Vadim Jacobi2011-11-23 15:56:29
For download the entire image please see here: http://www.ajax-zoom.com/index.php?cid=docs#Download
If you want to download a croped image, see this example with the callbacks: http://www.ajax-zoom.com/examples/example14.php There you will find all needed parameters to process / crop the original image with your custom PHP script.
krupa2011-11-23 13:09:40
Is it possible to allow image saving or print?
Krupa patel2011-11-23 10:42:45
Hi Vadim,
I want to know that is it possible that crop the image which is zoom using ajax zoom .
My Intension is to crop, rotate, zoom and move and then save it
to mysql data table.
Hope you will reply soon.
Spencer2011-11-17 18:05:06
Is it possible to allow image saving or print?
Paul Fijma2011-10-11 17:26:44
I have succesfully added the ajax-zoom to my website and my gamers love it.
haven't found out yet (if possible) how to add my ajax-zoom in such a way that it can be used inside/embedded in a forum, but my players love the new way of displaying the maps!
it is the best upgrade for my website in a long time!
Vadim Jacobi2011-09-30 00:22:02
ASP.NET version implemented with Phalanger (64 bit) will be available soon.
Hassan Abbas2011-08-05 00:02:40
I have successfully implemented this control in ASP.NET using Phalanger. I am really happy with its performance so far.
Thank you.
Vadim Jacobi2011-07-28 12:25:56
Chris: it turns out that this is one of the most requested features at the moment. An other words we have decided to implement it. Supposably there will be only the possibility to add hotspots to non zoomed image at first. Then this functionality will be extended. To the timetable: we are working on accelerating AJAX-ZOOM on mobile devices now. On mobile Safari (iPad) this is already reached. The new version will be released in the next few days. After some optimizations like gesture zoom we would like to start with hotspots, also for 360 degree spin. I can not tell you exactly when it will be ready, hopefully soon, as many customers waiting for it :-)
Chris2011-07-27 22:06:12
Any update on the "hotspots" feature? I am really looking forward to implementing it in my next project.
Joshua2011-07-11 22:25:06
Hello. I'd just like to first say that from what I've seen so far ajax-zoom is a wonderful tool. Thank you for all your hard work!
I'm wondering if the ajax-zoom software is usable for a project I'm working on. I see that I can load the zoom-objects from a mysql database, but what I'm really looking to do is to load the filenames of the zoomtiles from a database. I already have a database I'm working with, I'm just curious if that's within the scope of what the ajax-zoom software will allow me to modify.
Thanks,
Joshua
Vadim Jacobi2011-06-10 17:07:33
Eshan: yes, this is certainly possible as there are also ways to prevent downloading the original image intentionally. Take a look at the API section in the docs. There you will find all the information needed.
eshan2011-06-09 15:42:47
Great job on this, Vadim. Can we add buttons to the viewer that allow people to download the full-size image as well as print the current view? We have a subscription photo product where we want to allow those actions. Thanks in advance!
Vadim Jacobi2011-05-13 09:51:25
Jon Aston: see the watermark options in the docs: http://www.ajax-zoom.com/index.php?cid=docs#watermark
Jon2011-05-13 02:38:01
hi vadim, i also need to know how to "disable zooming" when the image is clicked
and also how to stop the image from centering when the image is clicked.
thanks
jon aston2011-05-13 02:19:02
hi vadim your comments below
where is the annotation feature please?
------------------------
Hi Knacky, an annotation feature is already implemented. You can annotate in multimple places with a background and font(s) of your choice (ttf). Please check the documentation :-)
Vadim Jacobi2011-05-12 20:33:10
Tim: we continiosly work on AJAX-ZOOM and hotspots are at very high order on the to do list. However I can't tell you anything about the release date. What I can tell you is that AJAX-ZOOM will never display any flash content. URL links and HTML – I guess this is the job of a browser, not a player :-)
Tim2011-05-12 15:16:38
Ay idea how far in the future the hotspots will be added? The project I am working on is reasonably urgent so if could get a date that would be great.
Also will the hotspots be able to: display swf, images, url links, video, html?
Thanks again
Vadim Jacobi2011-05-12 13:09:05
Tim: hotspots should be developed in the future. As of the list taking the user to a particular portion of the image – yes, this is possible, see this example: http://www.ajax-zoom.com/examples/example10.php
tim2011-05-12 13:01:12
Also, would it be possible to have a navigation side bar listing the hotspots that when clicked on, would take you directly to it.
For example, I have a map with a church on it. As well as the hotspot on the image (map) the church would also be clickable for the navigation side bar, acting like a shortcut.
That make sense?
Thanks
Tim2011-05-12 12:39:19
Could hotspots be added to the images? I'm thinking of displaying maps with hotspots showing points of interest.
Thanks
Vadim Jacobi2011-05-10 11:48:11
Texastaurus: there are several ways to make it. One way is to use the internally built in buttons - see galleryNavi option in the docs, or use your own buttons or whatever with the method jQuery.fn.axZm.zoomPrevNext(), can be seen in this example http://www.ajax-zoom.com/examples/example7.php and it is also described in the docs.
texastaurus2011-05-09 22:37:14
I'm thinking of using this for a magazine...anyway that I can add previous and next buttons in the viewer?
Vadim Jacobi2011-04-30 13:03:12
Steve: in file /axZm/zoomObjects.inc.php look for $pic_list_data[$k]['thumbDescr']
Steve2011-04-29 17:57:12
Is it possible to replace the image-size description within the galleries with a filename or customized description?
tim2011-04-13 18:51:36
Sorry, please ignore that :D
I've been looking at various different programs like yours today and have got myself a little mixed up!
/tim2011-04-13 18:48:08
Any plans for a mac version?
Thanks
Vadim Jacobi2011-03-31 12:13:31
AJAX-ZOOM has been testet in IE6 with IETester and under Win XP / 2000. Seems to work just fine everywhere. If you are using IETester consider making an update.
HoangLx2011-03-31 08:09:32
can't work IE6
arsal2011-03-02 06:28:51
i like the ajax zoom plugin that works great and the speciality is that the pixcel of the image is not breaking . i"ll try to embed this plugin in my site .GREAT WORK
Vadim Jacobi2011-02-12 01:12:26
Erik: check for iframe in sourcecode of this blog entry:
http://www.xtc-load.de/2010/08/ajax-zoom-fur-xtcommerce/
Erik Madsen Greve2011-02-11 23:04:06
Hi, Nice work!
I like the solution with iframe. Do you have a demo I can put into my iframe to show to my boss until I hopefully get him convinced to buy this beautiful toy :o)
Vadim Jacobi2011-01-09 20:37:03
Richard: hotspots are not implemented at the moment, but planed for one of the nearby updates…
Richard2011-01-07 20:57:04
hello
is it possible to have links in the images, specifically referring to the new spin feature. i am aiming to create a 3d graphic that people can rotate and zoom into and then select the section that they wish to view in more detail.
Beben Koben2011-01-07 19:18:14
so smooth and so elegant
Vadim Jacobi2011-01-03 02:51:04
Wimpy: yes, this is possible. One way would be to set this option dynamically - http://www.ajax-zoom.com/index.php?cid=docs#vWtrmrk
The other way to append a div with the PNG image mask manually, see in this example the way custom toolbar is appended: http://www.ajax-zoom.com/examples/example16.php
Either way - you can get the cropping coordinates with jQuery.axZm.lastZoom object containing all you need to crop and print the original image with your mask on it. For more info take a look at API section in docs.
Wimpy2011-01-02 18:57:29
Is it possible to customize the viewport with user defined overlay mask on top of the ajax-zoomed image? Let's say heart shaped mask for Valentine's day special theme.
Vadim Jacobi2010-12-22 12:14:03
Brent: there is always a probability of "force majeure" or other exceptional circumstances. We can not quarantine these exceptional circumstances don't occur. Actually no one can.
Brent2010-12-21 14:02:14
I know your commercial license says you can but not obliged to release updates, under what circumstances would you not release updates to existing license holders?
Vadim Jacobi2010-11-17 19:05:04
The commercial license is for the lifetime.
Sean2010-11-17 13:13:14
Is the license per site, for the lifetime or per year??
shxxxxz扬2010-11-09 03:08:47
ccccccccccool
Vj2010-10-16 07:12:32
Will this work with ASP.NET, does it need to be wrapped with wisejs or something else before use as a simple div?
Will you let me pan to a specific location on an image, i.e. show a small part of the original image like a map
lbs2010-10-14 17:42:00
hi,sir
i like ajax-zoom software,but i don't install it on my localhost.
;i use sourceguardian to process installation . such as: http://127.0.0.1/ajax_zoom/loaders/sourceguardian/howto-install.php
Thanks for your support!
br/lbs
Vadim Jacobi2010-09-22 14:58:39
There is no plugin or any instructions for Joomla right now, but of course this is possible. Take a look at the examples to see some general ways of integration. An example with hotspots should be available soon…
Carlos Rabaça2010-09-21 07:21:27
Is it possible to integrate it with Joomla and set hotspots on regions of an image such that clicking on it we open an article or a text box?
Rick Hayes2010-09-12 17:47:30
WOW! Who did your navigation bar? I would love to have the code for that.
Vadim Jacobi2010-08-21 22:27:57
Hi Phil, thanks a lot! I have sent you a PM to your email address.
Phil E2010-08-21 21:16:08
Under 5 minutes to install and embed into my current Drupal 6 project.
I'm Impressed!
If possible, could you forward information or a guide on integration into other CMS systems, I am a developer of custom Drupal modules and would like to create a module to automatically integrateAjax Zoom in to all my forthcoming projects.
max2010-08-16 08:43:32
Good Job.
vinupdlm2010-08-15 21:52:22
very usefull script
Vadim Jacobi2010-07-02 01:33:12
Brightness & contrast UI? Hmm, server side no problem with ImageMagick. Life somewhat problematic concerning Internet Explorer, as always. There is a library called pixastic, which does those kinds of effects. Which ones are suitable for your purpose? Use the support form to write a pm.
Robert Anderson2010-07-01 18:33:16
You should really add contrast and brightness controls! The vast majority of image scripts focus only on zooming, however relevant image details, like those found in a medical x-ray, are best explored/revealed with UI contrast and brightness controls - in addition to zooming. Any ideas?
Vadim Jacobi2010-06-30 12:35:19
Since now we got a pretty stable version of AJAX-ZOOM there are plans to gradually release several extensions or at least integration guides for several CMS and webshops. Joomla is also on the todo list. As of porting to other development environments like .net it needs much more time, so unfortunately I can't tell if and when it will happen.
Law2010-06-30 04:12:50
Will there ever be an extension/plugin for Joomla 1.5x?
If so... that would be extremely nice and a lot of people will use it.
Derek Klingman2010-06-25 21:22:24
I agree with other that it'd be nice it was available for other development environments. We are a .net development shop and this would make a great tool to have.
Fakeyede Mobolaji2010-06-23 09:07:09
God, This is wonderful. I think you really really really need to port this to ASP.NET. If u don't use ASP.NET, please learn to. Just amazing. I will have to make do with the PHP implementation for now. I hope i don't need to be a PHP guru to do this. Thumbs up.
Vadim Jacobi2010-06-22 15:12:47
All constrains result from the limitation of the hardware to process very large images – RAM, processor power and disc space. See documentation for some additional info and benchmarks. Except the free demo version there are no limitations regarding the software itself.
Allison2010-06-19 22:02:37
Are there any limitations on image size?
Vadim Jacobi2010-06-16 20:16:57
In the current state AJAX-ZOOM relies on PHP and at there are no urgent plans to make any Java, .net or other mods of the script. There are so many additional features we want to implement that it makes no sense to port AJAX-ZOOM to a different programming language right now. But as one of the customers has done You could also place AJAX-ZOOM in an iframe from a source supporting PHP. May be this is an adequate solution for You as well. PS: Germany – Australia was the best match so far!?
John2010-06-16 11:33:33
Can I use these components in Java based Applications??
Vadim Jacobi2010-06-15 12:05:55
There are no build in options allowing you to place image maps or other html overlays over the "big image". This might be possible in the future releases. Thanks.
JJPhoenix2010-06-14 12:22:55
Moin.
Is it possible to use image maps (e.g. useMap="#map_info") on the big image?
Vadim Jacobi2010-06-12 00:07:25
Yes, AJAX-ZOOM can be displayed inside a lightbox, see the examples... Concerning the "ajax-zoom" logo displayed and the disability to zoom/pan - this has to do with the nature of AJAX-ZOOM interacting with the server. Theoretically there are some ways to avoid this, at least it will be considered to remove this issue optionally, as there are certainly some cons doing this. But thanks for Your feedback, indeed we have already thought about it :-) By the way: You can remove the logo or replace it with whatever you want. Also You can adjust the time when AJAX-ZOOM interacts with the server after the last user action, an other words the time when this logo is shown.
dr paul2010-06-11 18:04:21
will it run inside a lightbox?
Marcus Tucker2010-06-11 16:02:28
Very cool, my only criticism is that it's very annoying that you can't pan/zoom while the animated "ajax-zoom" logo is displayed, which kept appearing
Eugene Koekemoer2010-06-08 19:05:59
Well done! Exactly what I was looking for! Thanx :D
Asshurim Larita2010-06-03 09:42:04
Ive been using JQuery for weeks.. its easy to used... coz im fun of exploring ajax.. now i will try some plugins
Henrik2010-05-29 21:39:10
Will this work on eg. Iphones and other HTMl compatible mobile browsers?
Moiz2010-05-29 10:23:20
Nice plugin!!
Is it free to use in open source project?
Thanks!
Vadim Jacobi2010-05-22 23:52:16
You can not save the image with right click in AJAX-ZOOM. Even though one could do it, there are plenty of options like watermarking to prevent this. Also the larger original image never loads into cache and the zoomed images can also be watermarked. In fact AJAX-ZOOM is all about the prevention of stealing images online :-) Disabling right click is surely not enough.
leicu2010-05-22 20:32:15
Does this have a plugin or sometype of support that disables right clicking, clip board, or print screen options on Internet Explorer, Opera, and Mozilla Firefox? The biggest problem is having images stolen online.
Bill2010-05-21 00:33:08
Excellent.....What a brilliant plugin!!!
DrPhill2010-05-20 11:48:58
Hi, gr8 app! I'm trying to integrate it into an old (1.0) Joomla cms site for a friend - can you givve me any hints for doing this without a development testbed?
Doc
prabhaswara2010-05-18 08:02:22
mantab.. sekali gan...
very.. very.. wonderfull.. :D
Sven2010-05-18 03:45:26
Love your plugin, it is amazing!!!
Vadim Jacobi2010-05-17 14:04:47
Concerning the two previous questions: currently there are no options or any other easy way to display overlays above the zoom image. I will put this issue on the task list. Many thanks for your ideas!
Kerry2010-05-12 09:07:06
Is it possible to use this technology with HTML comment? Similar to google maps where you can scroll around and zoom in and out?
John Chambers2010-05-12 01:14:16
Are there plans for allowing the developer to add clickable icons on top of the image?
Boss2010-05-06 10:17:00
Interesting
Vadim Jacobi2010-05-05 00:09:03
Question: will it works with ASP.net website?
Answer: Take a look at this projects website: php-compiler.net and tell me if it worked. Thank you.
Sandeep Motupalli2010-04-30 23:00:47
I really love the annotation feature. will it works with ASP.net website?
Vadim Jacobi2010-04-27 12:25:46
看起来不错，例子下载的时候不方便 - very interesting point :-)
coolion2010-04-27 03:19:06
看起来不错，例子下载的时候不方便
Vadim Jacobi2010-04-23 16:17:44
The download package has been updated. It now works with PHP 5.3.x. The only updated file is axZm.class.php
Vadim Jacobi2010-04-14 19:27:46
Ok, now we could reproduce the failure described by Manish Sharma above. Apparently, if someone wildly hits the reload button, the code inside $(window).load event is triggered before the window is actually reloaded. This has nothing to do with AJAX-ZOOM itself and since we believe, that this is a pretty uncommon behavior for a user, there is no need to change anything in AJAX-ZOOM on default. However, if you expect you users to do so, you can delay the execution of $.fn.axZm() method inside $(window).load event, e.g. $(window).load(function(){setTimeout(function(){$.fn.axZm();}, 1000);});
In case you use drawZoomJsLoad class method you need to adjust it accordingly in axZmH.class.php
Vadim Jacobi2010-04-14 17:15:34
Tank you for your comment. Unfortunately we could not reproduce the problem you described. Would you mind to provide us with a link of your installation? Also please tell us which browser exactly causes this failure. If there should be a problem with AJAX-ZOOM we will certainly be able to fix it. Does someone out there experience the problem described by Manish Sharma too?
Manish Sharma2010-04-14 16:47:37
Hi,
I've downloaded and tried to use ajax-zoom plugin using JQuery. It works well , except for condition when I refresh my page twice in a very short interval, not allowing my first refresh to complete loading the page. In this case your plugins stuck and hangs the browser. This problem comes every time I double refresh my page. I was planning to buy your product for commercial use, but after seeing this problem , I've taken a step back. I suggest you guys to look into this problem and resolve it because what you have made is really good tool.
:)
Vadim Jacobi2010-04-08 13:43:31
Question: can this tool be used with ASP.net website?
Answer: We did not try it yet, but take a look at this projects website: php-compiler.net Did it help?
Sanjith J Pillai2010-04-08 08:40:18
Can this tool be used with ASP.net website? If yes, please let me know if any samples, documents etc are available for such implementations.
Dallas2010-04-06 04:46:15
Very nice script
Vadim Jacobi2010-04-06 02:15:50
Hi Knacky, an annotation feature is already implemented. You can annotate in multimple places with a background and font(s) of your choice (ttf). Please check the documentation :-)
Anthony2010-04-05 18:34:08
Nice work this is great...
Knacky2010-04-05 16:44:57
Incredible! Ultra clean. One thing I would love to see is an annotation feature...
Bhavin Vora2010-04-05 13:04:18
your site is design supperly
Vadim Jacobi2010-04-04 04:41:01
Leave your comments open!
Leave a Comment
Looking for a place to add a personal image? Visit
www.gravatar.com
to get Your own gravatar, a globally-recognized avatar. After you're all setup,
your personal image will be attached every time you comment.
Um Live-Support-Chat nutzen zu können wird Skype vorausgesetzt.
Sollte Live-Support-Chat über Skype nicht sofort zu erreichen sein,
dann hinterlassen Sie bitte im Skype eine Nachricht oder schreiben Sie uns eine Email
über die Kontakt Seite.
is it possible to use WEBP images or only JPG/PNG ?
thanks
Cyril
How exactly the "360º Produkt tour" works? Need I to upload a sequence of individual images that will be showed as in the exemple? Or a .psd file (or other specific type of file) with the complete sequence of images? Sorry if my question sounds stupid, but I am a photographer and I didn´t understand how it works exactly.
Best regards.
Can you provide a comparing table with some cheaper player or maybe a list of achievements for this player?
can we use 3d zoom with Vb.net,
or can you customized so we can use with our vb.net project
If so, how do you get 5000 images? This would mean that you have also about 70 vertical rows which is way too much I would say. The highest we have is http://www.ajax-zoom.com/examples/example15_vr9.php with 810 images, but it is more an example of what is possible and not how one should do it :-)
Many thanks,
Andrew
Thank you
2) Then, do you provide zoom at a certain (X,Y) location?
Mark
There is also an option to enable this switching for internal built galleries: http://www.ajax-zoom.com/index.php?cid=docs#gallerySwitchQuick
Thank you and congratulations for a great work!
Great plugin, but is it possible to integrate it in to a site that does not use PHP or ASP.NET?
We're looking at incorporating this in to a few of our e-commerce sites.
Can this software cope with these requests ?
Many thanks
Could Ajax zoom be used to create 3D interactive data for insertion into ibooks2 books? I'm looking for a way to create 3D interactive objects generated from images for ibooks2. As I understand it (and I'm not a programmer but a biologist) the 3D object format for ibooks2 is based on object models (i.e meshes?). I would like to use photographs rather than an artificially generated mesh to create this kind of interactive object. Any suggestions would be very appreciated.
I appreciate it!
If you want to download a croped image, see this example with the callbacks: http://www.ajax-zoom.com/examples/example14.php There you will find all needed parameters to process / crop the original image with your custom PHP script.
I want to know that is it possible that crop the image which is zoom using ajax zoom .
My Intension is to crop, rotate, zoom and move and then save it
to mysql data table.
Hope you will reply soon.
haven't found out yet (if possible) how to add my ajax-zoom in such a way that it can be used inside/embedded in a forum, but my players love the new way of displaying the maps!
it is the best upgrade for my website in a long time!
Thank you.
I'm wondering if the ajax-zoom software is usable for a project I'm working on. I see that I can load the zoom-objects from a mysql database, but what I'm really looking to do is to load the filenames of the zoomtiles from a database. I already have a database I'm working with, I'm just curious if that's within the scope of what the ajax-zoom software will allow me to modify.
Thanks,
Joshua
and also how to stop the image from centering when the image is clicked.
thanks
where is the annotation feature please?
------------------------
Hi Knacky, an annotation feature is already implemented. You can annotate in multimple places with a background and font(s) of your choice (ttf). Please check the documentation :-)
Also will the hotspots be able to: display swf, images, url links, video, html?
Thanks again
For example, I have a map with a church on it. As well as the hotspot on the image (map) the church would also be clickable for the navigation side bar, acting like a shortcut.
That make sense?
Thanks
Thanks
I've been looking at various different programs like yours today and have got myself a little mixed up!
Thanks
http://www.xtc-load.de/2010/08/ajax-zoom-fur-xtcommerce/
I like the solution with iframe. Do you have a demo I can put into my iframe to show to my boss until I hopefully get him convinced to buy this beautiful toy :o)
is it possible to have links in the images, specifically referring to the new spin feature. i am aiming to create a 3d graphic that people can rotate and zoom into and then select the section that they wish to view in more detail.
The other way to append a div with the PNG image mask manually, see in this example the way custom toolbar is appended: http://www.ajax-zoom.com/examples/example16.php
Either way - you can get the cropping coordinates with jQuery.axZm.lastZoom object containing all you need to crop and print the original image with your mask on it. For more info take a look at API section in docs.
Will you let me pan to a specific location on an image, i.e. show a small part of the original image like a map
i like ajax-zoom software,but i don't install it on my localhost.
;i use sourceguardian to process installation . such as: http://127.0.0.1/ajax_zoom/loaders/sourceguardian/howto-install.php
Thanks for your support!
br/lbs
I'm Impressed!
If possible, could you forward information or a guide on integration into other CMS systems, I am a developer of custom Drupal modules and would like to create a module to automatically integrateAjax Zoom in to all my forthcoming projects.
If so... that would be extremely nice and a lot of people will use it.
Is it possible to use image maps (e.g. useMap="#map_info") on the big image?
Is it free to use in open source project?
Thanks!
Doc
very.. very.. wonderfull.. :D
Answer: Take a look at this projects website: php-compiler.net and tell me if it worked. Thank you.
$(window).load(function(){setTimeout(function(){$.fn.axZm();}, 1000);});In case you use drawZoomJsLoad class method you need to adjust it accordingly in axZmH.class.php
I've downloaded and tried to use ajax-zoom plugin using JQuery. It works well , except for condition when I refresh my page twice in a very short interval, not allowing my first refresh to complete loading the page. In this case your plugins stuck and hangs the browser. This problem comes every time I double refresh my page. I was planning to buy your product for commercial use, but after seeing this problem , I've taken a step back. I suggest you guys to look into this problem and resolve it because what you have made is really good tool.
:)
Answer: We did not try it yet, but take a look at this projects website: php-compiler.net Did it help?