Aktuelle Version: 5.4.25 (Change Log)
Release Datum: November 8th, 2023
Download AJAX-ZOOM Software

AJAX-ZOOM Demo

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.

PrestaShop Oxid Shopware WooCommerce WordPress shortcode Opencart Magento

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.

Einschränkungen

Wichtige Meilensteine

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-29Neue "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
2017-06-11 AJAX-ZOOM iFrame Einbettung kann jetzt auch auf mobilen Geräten inklusive IOS im Vollbildmodus starten
2016-09-30 OXID eCommerce AJAX-ZOOM Modul veröffentlicht
2016-08-03 Hotspot Editor wurde stark überarbeitet / neue Funktionen... bereit für Integration in Module...
2016-05-04 WordPress WooCommerce AJAX-ZOOM Plugin veröffentlicht
2016-04-25 360° / 3D "Product Tour" ins mouseover zoom Beispiel integriert
2016-03-07 Funktioniert jetzt auf Touch Notebooks mit Windows 8 und 10, sowohl in Chrome, als auch in IE 11 und Edge
2016-01-20 Opencart AJAX-ZOOM Plugin veröffentlicht
2015-12-07 Shopware AJAX-ZOOM Plugin veröffentlicht
2015-09-14 Magento AJAX-ZOOM Module veröffentlicht
2015-07-26 AJAX-ZOOM ASP.NET Phalanger Edition neu auferlegt.
2015-06-20 PrestaShop AJAX-ZOOM Module veröffentlicht
2015-04-07 Neues Beispiel bzw. Extension zu AJAX-ZOOM mit absolut responsives mouseover zoom
2015-03-15 Alle Beispiele überarbeitet oder ersetzt. Neue Funktionen, zahlreiche Optimierungen.
2013-02-18 Unzählige neue Features und Bugfixes, darunter die lang erwartete Hotspots

Letzte Blogartikel

2019-04-02AJAX-ZOOM «Expandable Button» Erweiterung
2019-02-20AJAX-ZOOM Miniaturansichten Slider Erweiterung - axZmThumbSlider
2019-01-29Drehen der 360-Produktansicht beim Scrollen des Fensters
2019-01-22Das AJAX-ZOOM Konfigurationsoptionen System erklärt ausführlich und im Detail
2019-01-15Das smarte Einstellen der Höhe und Proportionen des übergeordneten AJAX-ZOOM HTML-Containers im responsiven Layout
2019-01-08So fügen Sie ein HTML-Element zum AJAX-ZOOM Viewer hinzu
2018-07-17180° Produktfotografie/ AJAX-ZOOM «spinBounce» Option erklärt, inklusive Fotografie / Rendering Beispiele
2018-07-16Wie viele Fotos benötigt man für eine 360° Produktdrehung?
2018-07-11Erstaunliches 360° Anaglyph (stereoskopische) Objektfotografie Beispiel in ultra hoher Auflösung
2018-07-09Visualisierung und Erklärung der neuen AJAX-ZOOM «simpleMode» -Option

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 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 Jacobi 2022-07-06 00:59:17
Vadim Jacobi @Cyril: the next major AJAX-ZOOM version will support WEBP, among many other improvements, new features, and extensions.
cyril 2022-07-05 23:51:52
cyril Hello
is it possible to use WEBP images or only JPG/PNG ?
thanks
Cyril
Vadim Jacobi 2019-07-16 17:13:33
Vadim Jacobi @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.
Robero 2019-07-14 14:45:49
Robero Your code is great, but I would need to have it work on a local computer without PHP. Is it possible? tx.
Vadim Jacobi 2018-09-04 00:48:30
Vadim Jacobi @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 Nascimento 2018-09-03 20:01:36
Jonathas Nascimento 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 Jacobi 2018-08-16 17:30:23
Vadim Jacobi @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.
Max 2018-08-16 05:36:56
Max 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?
Vadim 2018-06-30 14:47:36
Vadim @mandeep: from what I know it is not possible to use AJAX-ZOOM in a vb.net project
mandeep 2018-06-30 13:13:42
mandeep Sir,
can we use 3d zoom with Vb.net,
or can you customized so we can use with our vb.net project
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