Release date: November 7th, 2017
Current version: 5.0.13
Change log

AJAX-ZOOM Demo

Module / Plugins

"Module / Plugins / Erweiterungen" sind nicht notwendig um AJAX-ZOOM in Ihrem CMS oder Shop nutzen zu können. Allerdings werden unsere wunderbare Module den Prozess der Integration erheblich erleichtern und beschleunigen. Wenn alle Voraussetzungen erfüllt sind, dann haben Sie AJAX-ZOOM innerhalb von zwei Minuten in Ihrem Shop am laufen.

Vor kurzem haben wir angefangen solche vollwertigen Module für diverse Online-Shop-Systeme zu entwickeln. Sie sind dann, wie gesagt, mit wenigen Klicks installierbar ohne dass Sie eine einzige Zeile Code schreiben müssen.

Die Module, sowie AJAX-ZOOM selbst, werden regelmäßig aktualisiert und mit neuen Funktionen ausgestattet. Kundenspezifische Änderungen bzw. Funktionen sind möglich.

Magento PrestaShop WooCommerce Opencart Oxid Shopware

Verfügbar sind Module für Magento, Prestashop, WooCommerce (WordPress), Opencart, Shopware und Oxid.

Besonderes 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 viel 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 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) und ist selbstversändlich im Responsive Webdesign voll einsetzbar.

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 Photos 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 and PSD Bildformate (TIF & PSD nur mit "Imagemagick").

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 einsgestellt 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 original 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.

Kompatibilität

AJAX-ZOOM funktioniert in allen modernen Browsern, ist aber auch in der Lage, in alten IE 7 und IE 8 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 Scripte. 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.php zu finden. Dort weden Bilder automatisch aus unterschiedlichen Verzeichnissen ausgelesen und in einer Miniaturansichten Galerie angezeigt. Der Nutzer kann zwischen den Verzeichnissen wechseln. Beim Klick auf eine 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.php 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 gespecihert 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 über mit 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.php 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" paramter 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;

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.php 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.

Einschränkungen

Letzte Meldungen

2017-11-07Ver. 5.0.13+ Support für PHP 7.1 hinzugefügt
2017-08-16Ver. 5.0.7+ Alle Beispiele sind nun out of the box im responsiven Layout einsetzbar
2017-08-04Ver. 5.0.4+ Galerien sind ab jetzt mit einer sanft animierten swipe Funktion sowohl für Mobile, als auch Desktop ausgestattet
2017-06-27Ver. 4.4.10+ Deutliche Steigerung der Leistungsfähigkeit bei Interaktionen innerhalb des Players über alle Geräte hinweg
2017-06-11AJAX-ZOOM iFrame Einbettung kann jetzt auch auf mobilen Geräten inklusive IOS im Vollbildmodus starten
2016-09-30OXID eCommerce AJAX-ZOOM Modul veröffentlicht
2016-08-03Hotspot Editor wurde stark überarbeitet / neue Funktionen... bereit für Integration in Module...
2016-05-04WordPress WooCommerce AJAX-ZOOM Plugin veröffentlicht
2016-04-25360° / 3D "Product Tour" ins mouseover zoom Beispiel integriert
2016-03-07Ver. 4.3.1+ Funktioniert jetzt auf Touch Notebooks mit Windows 8 und 10, sowohl in Chrome, als auch in IE 11 und Edge
2016-01-20Opencart AJAX-ZOOM Plugin veröffentlicht
2015-12-07Shopware AJAX-ZOOM Plugin veröffentlicht
2015-09-14Magento AJAX-ZOOM Module veröffentlicht
2015-07-26Ver. 4.2.7 - AJAX-ZOOM ASP.NET Phalanger Edition neu auferlegt.
2015-06-20PrestaShop AJAX-ZOOM Module veröffentlicht
2015-04-07Ver. 4.2.2 veröffentlicht. Neues Beispiel bzw. extension zu AJAX-ZOOM mit absolut responsives mouseover zoom
2015-03-15Ver. 4.2.1 veröffentlicht. Alle Beispiele überarbeitet oder ersetzt. Neue Funktionen, zahlreiche Optimierungen.
2013-02-18Ver. 4.0.1 veröffentlicht. Unzählige neue features und bugfixes, darunter lang erwartete hotspots

Lizenz

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 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.

Lizenz Bilder Auflösung Branding Support Preis PHP ASP.NET
Light 500 3.2 MP AJAX-ZOOM pre-sale Free Free
Evaluation 500 keine Limits AJAX-ZOOM pre-sale Free Free
Developer 500 keine Limits AJAX-ZOOM - - -
Basic 500 keine Limits - Ja €129.00* €179.00*
Standard 1.500 keine Limits - Ja €199.00* €299.00*
Business 5.000 keine Limits - Ja €349.00* €499.00*
Corporate 10.000 keine Limits - Ja €549.00* €799.00*
Enterprise 20.000 keine Limits - Ja €949.00* €1399.00*
Unlimited keine Limits keine Limits - Vorrang €1499.00* €1949.00*

* Alle Preise sind Netto Preise; Preisänderungen vorbehalten; in der EU (Europäische Union) richtet sich das Angebot ausschließlich an gewerbliche Kunden mit einer gültigen USt-ID bzw. VAT-ID (value added tax identification number); diese Regelung gilt nicht für Kunden außerhalb der EU (Europäischen Union); für Kunden aus Deutschland zuzüglich 19% MwSt; sollten Sie noch keine USt-ID besitzen, so kann Ihr Webentwickler mit einer gültigen Ust-ID AJAX-ZOOM für Sie erwerben; in allen anderen Fällen kontaktieren Sie bitte AJAX-ZOOM support.

Anzahl Bilder Info: für einen Online Shop mit 1.200 Produkten und durchschnittlich drei Bildern je Produkt wird beispielsweise eine Lizenz benötigt, die bis 3.600 Bilder verarbeiten kann, in diesem konkreten Breispiel eine "Business" Lizenz.

Bei 360° Drehe und Zoom Funktion zählt jedes einzelne Bild in der Sequenz als ein verbrauchtes Bild. Bei 36 Bildern je Drehung und 250 - 360° Produktansichten wird die "Corporate" Lizenz benötigt (9.000 Bilder).

Richtlinien zu Upgrades und Updates finden Sie hier. Zusätzliche informationen und die Lizenzvereinbarung finden Sie unter Download (nur auf Englisch).

Multistore (Master & Slave) mit unterschiedlichen Hauptdomains: der Preis für eine zusätzliche Domain beträgt 30% des Preises der regulärer Lizenz, jedoch nicht weniger als der Preis einer "Business" Lizenz. Um ein Angebot / Rechnung zu erhalten bitte um Kontaktaufnahme.

ASP.NET / PHP - wenn Sie eins der AJAX-ZOOM Module für Magento, Prestashop, Shopware, WooCommerce und dergleichen verwenden oder AJAX-ZOOM manuell in ein LAMP System (Linux, Apache, MySQL and PHP), NGINX / PHP [...] integrieren, dann brauchen Sie entsprechend eine PHP Lizenz! ASP.NET ist für IIS (Internet Information Services / Server) und andere Microsoft Produkte ohne nativen PHP Installation (in den meisten Fällen nicht zutreffend).

Comments (128)

Vadim Jacobi 2016-09-20 11:21:24
Vadim Jacobi @ag: yes, you can download AJAX-ZOOM and test the hotspots with your own spin images.
ag 2016-09-20 11:00:42
ag Want to know more about hotspot integration. will free version file works ? wanted to test using difrent images in place of cycle.
Vadim Jacobi 2016-04-22 19:17:48
Vadim Jacobi 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 :-)
Andrew 2016-04-22 19:06:41
Andrew 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
Maniraj 2015-01-13 07:18:56
Maniraj Really zoom over function will very nice.
Vadim Jacobi 2014-08-29 20:32:24
Vadim Jacobi 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.
Enzo 2014-08-29 20:07:25
Enzo 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 Jacobi 2014-06-18 19:22:18
Vadim Jacobi 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.
Hans 2014-06-18 18:59:55
Hans 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 Jaison 2014-05-27 11:47:06
Marsh Jaison hi can we do a image rotate
Vadim Jacobi 2014-03-21 15:49:37
Vadim Jacobi 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.
mwillard 2014-03-20 18:17:01
mwillard I am curious if the solution has image draping option. Thanks.
Mark
Kobayashi Online 2014-01-28 17:14:54
Kobayashi Online 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 Jacobi 2013-10-16 10:21:32
Vadim Jacobi 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
Max 2013-10-16 04:56:14
Max 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!
newwebsitethemes 2013-08-26 08:13:12
newwebsitethemes Very useful and great zooming effect using jquery and css coding, absolutely design for product gallery, thank you for posting this lists.
Carsten 2013-08-23 20:23:28
Carsten We are really looking forward to build it into our Shop System
safyhost 2013-03-28 08:47:42
safyhost really like the zoom option is just amazing..thanks..:)
Vadim Jacobi 2013-02-18 22:31:38
Vadim Jacobi 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.


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.

Jede Anfrage wird beantwortet!

Live-Support-Chat