Beispiel

Fast alle Beispiele und Erweiterungen können im responsive Webdesign angewandt werden!
360° - Zoom
2D - Zoom
Hotspots
360° Product Tour
Mouseover Zoom + 360°
3D - Zoom
Gallery
Lightbox
Replace
Wassezeichen - Ein - Aus
Das Wasserzeichen ermöglicht wirksamen Schutz des Original bzw. Quellbildes ohne Kompromisse. Geignet für professionellen Einsatz.

Module / Plugins

"Module / Plugins bzw. Erweiterungen" sind nicht notwendig um AJAX-ZOOM in Ihrem CMS oder Shop nutzen zu können. Allerdings können solche Module den Prozess der Integration erleichtern oder zumindest beschleunigen. Vor kurzem haben wir angefangen solche vollwertigen Module für diverse Online-Shop-Systeme zu entwickeln. Sie sind dann mit wenigen Klicks installierbar. Weitere Informationen über fertige und geplante Module finden Sie hier.

Über AJAX-ZOOM

AJAX-ZOOM ist ein universell einsetzbares und sehr vielseitiges Bild - Zoom Modul mit optionaler Photo Galerie und 360° Drehe Funktionen auf Basis von PHP und jQuery (JavaScript). Mit dieser voll ausgestatteten Lösung ist es spielend möglich selbst ultra hochauflösende Photos online in bester Qualität zu präsentieren. Über die ca. 300 optionalen Parameter und CSS kann AJAX-ZOOM sehr flexibel konfiguriert und grafisch angepasst werden. Eine nahtlose Integration in jede Webseite ist dadurch faktisch gewährleistet. Das Modul benötigt keine Browser Erweiterungen wie Flash, Java oder Silverlight. Lediglich JavaScript muss im Browser aktiviert sein.

Um Ihre Photos von unberechtigter Nutzung zu schützen verwendet AJAX-ZOOM eine vom traditionellen Ansatz geringfügig abweichende Methode und ist deshalb hervorragend für Photographen oder kommerzielle Bildanbieter geeignet. Selbstverständlich kann AJAX-ZOOM ebenso in online Shops, Produkt-Präsentationen und anderen Anwendungen, bei denen die Bildqualität einen Unterschied ausmacht, nutzbringend eingesetzt werden - als Ersatz oder Zusatz zu der bereits existierenden Großbild Voransicht.

AJAX-ZOOM benötigt keine kostenintensiven Investitionen in Hard- oder Software. Alles was Sie brauchen ist ein LAMP (Linux, Apache, MySQL und PHP) Webserver. In den meisten Fällen reicht aber auch ein halbwegs gut ausgestattetes Hosting Account. Für eine optimale Qualität bietet AJAX-ZOOM zudem die volle Unterstützung von ImageMagick®, wobei die in PHP integrierte Gdlib in der Regel völlig ausreicht.

Die Konvertierung der Bilder geschieht 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. Probieren Sie es einfach aus!

1 Die Demo Version ist frei für private Zwecke.
6.0+ 2.0+ 2.0+ 1.0+ 9.5+ 2.0+ 4.0+ Pinch zoom, tap zoom,
swipe

Vorteile

  • AJAX-ZOOM ist keine ASP bzw. SaaS Anwendung (Application Service Provider bzw. Anwendungsdienstleister). Sie läuft vollständig auf Ihrem Server und es wird keine Verbindung nach Außen aufgebaut.
  • Es entstehen keine unkalkulierbare oder variable Kosten. Updates sind kostenlos.
  • Ständige Weiterentwicklung. Sondermodifikationen auf Anfrage.
  • Läuft perfekt auf iPhone / iPad.
  • 360° Produktfotos Unterstützung mit Zoom (auch VR - mehrdimensional)
  • Stufenlose Zoom, Schwenk und Zuschneide Navigationsoberfläche mit intelligenter Mausrad-Unterstützung.
  • Vollbild Ansicht.
  • Vielfältige Möglichkeiten Photos zu schützen, z.B. mittels eines dynamischen Wasserzeichens oder Beschriftung.
  • Quelldateien werden nicht in Cache geladen! Entsprechende Verzeichnisse können z.B. über .htpasswd geschützt werden, da nur PHP darauf zugreifen muss.
  • Die JavaScript Bild Zoom Anwendung basiert auf der zukunftsträchtigen jQuery-JavaScript-Bibliothek und ist mit jQuery 1.5+ kompatibel.
  • Keine Plugins wie Flash, Java oder Silverlight erforderlich.
  • Kompatibel mit allen gängigen Browsern.
  • Unterstützt JPG, TIF, PNG, BMP, GIF und PSD Bildformate (TIF & PSD nur mit "Imagemagick")
  • Funktioniert mit jedem DOCTYPE, auch in Quirksmodus!
  • Aussehen kontrollierbar über CSS and mehr als 300 parameter, mit denen sich die Farben, Layout, Größen und das Verhalten gestalten lassen.
  • Markenkennzeichnung (AJAX-ZOOM) kann und darf entfernt bzw. durch eigene Bilder ersetzt werden.
  • Gdlib (PHP), sowie die volle ImageMagick Unterstützung.
  • Integrierte Photo Galerien: vertikale (links, rechts), horizontale (oben, unten) und andere, alle mit einer slideshow Option.
  • Nur eine Bild Quelldatei notwendig (single source imaging). Alle notwendige Vorschaubilder und Bildkacheln werden "on-the-fly" generiert.
  • Optionale Stappelverarbeitung über eine einzige PHP Datei, die sich beispielsweise in ein CMS einbinden lässt.
  • Viele Möglichkeiten der Integration und Anpassung!
  • Etliche API Methoden mit denen es sich Beispielsweise zur einem bestimmten Bildbereich heranzoomen lässt, oder mehrere Photos sich dynamisch in die Galerie nachladen. Mit den API Methoden lässt sich AJAX-ZOOM sehr einfach erweitern.
  • AJAX-ZOOM kann auch in einer "lightbox" angezeigt werden.
  • Die Festlegung der Bilder wird über ein PHP array bestimmt, welches ohne Einschränkungen generiert werden kann.

Funktionsweise & Bildschutz

Image pyramid

Um zu verstehen, weshalb AJAX-ZOOM eine kompromisslose Sicherheit für Ihre hochauflösenden Fotos bietet, sollte zunächst die übliche Technologie kurz erläutert werden:

Der effizienteste Weg hochauflösende Bilder im Internet zu zeigen kann zurzeit nur über die sogenannte "Bild Pyramide" erreicht werden. Fotos werden in unterschiedlichen Auflösungen gespeichert und zusätzlich in kleine, meist 256px x 256px große Bildkacheln zerstückelt. Das wohl jedem bekannte Google - maps funktioniert nach dem gleichen Prinzip. Wenn der Benutzer in ein Bildbereich hineinzoomt, werden je nach Zoom Tiefe nur für den Ausschnitt notwendige Bildkacheln geladen. Dies impliziert, dass die Bildkacheln von dem Client (Browser) in den Cache geladen bzw. über http frei zugänglich sein müssen. Damit ist es theoretisch möglich das hochauflösende Bild entweder per Hand, oder aber auch völlig automatisch über ein Algorithmus "rückwärts" wieder zusammenzustellen.

AJAX-ZOOM hat diverse Optionen diese Kacheln, sowie weitere Bilder die in den Cache geladen werden automatisch mit Wasserzeichen zu versehen. Da das Quellbild, also das original großes Bild nie in den Cache geladen wird, kann das Verzeichnis mit dem hochauflösenden Bild z.B. mit htaccess geschützt werden. Alle Cache Bilddateien, also die Kacheln usw. werden völlig automatisch beim ersten Laden oder mit einem "Batch" Programm (PHP) erstellt. Dies gilt für 360 grad Animationen und singuläre Bilder gleichermaßen. Sie müssen also dem AJAX-ZOOM nur den Ordner mit hochauflösenden 360° Bildern, bzw. für ein Bild den Pfad mit hochauflösenden Bilddatei mitteilen.

Beispiel Integration

Es gibt 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, z.B. in einer Lighbox, wie die Information über die Photos festgelegt wird (siehe Defining the images) und von den Rechten und Möglichkeiten bestimmte Seitenbereiche Ihres Content Management Systems, Blogs oder Onlineshops zu bearbeiten.

Das nachfolgende Beispiel ist 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>
	

Zukünftige Versionen

Wir bemühen uns ständig die Software zu verbessern. Ihre Wünsche und Ideen sind willkommen. Zögern Sie nicht uns zu kontaktieren oder einen Kommentar hinterlassen.

  • Einfache CDN Anbindung, wahrscheinlich zunächst über Amazon S3.
  • Blätterbarer Katalog?
  • Weitere Designs fertig!.
  • Velocity spin - fertig!
  • IOS 6 Fixes - fertig!
  • Touchscreen gestures for zoom in/out - fertig!
  • Z-Achse als Weiterentwicklung der 360° Drehe Funktion - fertig!
  • Hotspots - fertig! (www.ajax-zoom.com/examples/example33.php)
  • ASP .NET version? Funktioniert bestens mit "Phalanger" - fertig! Bessere Handhabung in Aussicht...
  • 3D (360° Drehe und Zoom) - fertig!
  • Vollbild Modus - fertig!.
  • 360° Drehe und Zoom Funktion für Magento - fertig!
  • Unterstützung der mobilen Geräte, vor allem iPod / iPhone - fertig!
  • Slider für zoom Stufe - fertig!
  • Definierbare Position der "Zoom Map" - fertig!
  • 360° Drehe und Zoom Funktion für XT:Commerce (VEYTON 4, xtcModified), Oxid und andere Shops.
  • 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.
  • Regulär erworbene Version läuft nur unter den angegebenen Domainnamen. Demo Verison kann natürlich auf Localhost ausprobiert und erweitert werden. Für volle Nutzung im Intranet kann eine Unlimited Lizenz mit Aufpreis erworben werden. Für mehr Informationen kontaktieren Sie den Support.

Letzte Meldungen

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 / Preise

License Images Resolution Branding Support Price PHP ASP.NET
Light 500 3.2 MP AJAX-ZOOM pre-sale Free Free
Evaluation 500 no limits AJAX-ZOOM pre-sale Free Free
Developer 500 no limits AJAX-ZOOM - - -
Basic 500 no limits - yes €129.00* €179.00*
Standard 1.500 no limits - yes €199.00* €299.00*
Business 5.000 no limits - yes €349.00* €499.00*
Corporate 10.000 no limits - yes €549.00* €799.00*
Enterprise 20.000 no limits - yes €949.00* €1399.00*
Unlimited no limits no limits - priority €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

Name (required):
Email (required):
Website:
Your comment (no html):
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.