AJAX-ZOOM Beispiele

Nachfolgend finden Sie einige Beispiele, wie AJAX-ZOOM aussehen kann und wie es zu integrieren ist. Die meisten Beispiele sind im ZIP Paket enthalten, welchen Sie kostenfrei herunterladen und testen können.

Klicken Sie hier um eine Übersicht aller Beispiele ohne Beschreibungen zu sehen
6.0+ 2.0+ 2.0+ 1.0+ 9.5+ 2.0+ 4.0+ Pinch zoom, tap zoom,
swipe

360° Spin / 3D rotate

jQuery mouse over "Voransicht" mit verstellbarer maximaler Größe des Bildes, sowie AJAX-ZOOM Vollbild Ansicht mit Zoom. Die Größe des flyout zoom Fensters kann sich automatisch der verfügbaren Fläche in der Breite und / oder Höhe anpassen. Optionale 360 animationen über das gleiche Plugin. Lauffähig auf iOS und Android.
Mouseover ZoomBild Zoom bei MouseoverBild Mouseover VergrössernMouse Over ZoomFancyboxColorbox360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
jQuery mouse over zoom
Anzeigen der 360° oder 3D Produktanimationen zusammen mit einfachen 2D hochauflösenden Fotos in einer Galerie. Außerdem können Videos von Youtube, Vimeo oder Dailymotion, sowie weitere Inhalte hinzugefügt werden.

Abgeleitete Beispiele:
360 GalerieGalerieExterne GalerieVideoYoutubeMultimedia360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
html5 360 iPad zoom
Erstellen Sie eine Galerie mit den Ausschnitten aus Bildern oder 360 Grad animationen mit zusätzlicher Beschreibung

Abgeleitete Beispiele:
Hotspot360 HotspotKonfiguratorzoomToProdukttour360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Cropped thumbs gallery with zoomTo
Einzigartiger online Hotspot Editor, mit dessen Hilfe spielerisch per Drag & Drop anklickbare Markierungen auf regulären Bildern, sowie auf 360/3D Objekten kreiert werden können. Unverzichtbar für erklärungsbedürftige Produkte, Lookbooks und sonstigen interaktiven Bildern. Das Resiltat - eine JavaScript Datei mit JSON kann über eine Zeile Code in alle anderen Beipiele der AJAX-ZOOM Anwendung eingebunden werden!

Nur der player mit Hotspots:
Hotspot360 HotspotKonfiguratorzoomTo360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
jQuery 360 hotspots player
API $.fn.axZm.loadAjax360Type; injects new 360 of the same size keeping same zoom level and frame number. Perfect for 360 product configurators.
Color SwatchProduktkonfiguratorresponsive360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
product configuration
AJAX-ZOOM player für 360° Produktfotos in einem anderen Erscheinungsbild - Navigationsleiste und Slider deaktiviert. Stattdessen werden zwei Sondertasten direkt auf dem Player angezeigt. Dies is völlig ausreichend für Desktop Computer mit der Maus, sowie Touch Geräte wie iPad. Ausprobieren!

Nur der Player:
360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
html5 360 rotate iPad
Beispiel der Platzierung von AJAX-ZOOM 360 innerhalb eines Containers, welches sich dynamisch je nach Bildschirmauflösung anpasst
360 GalerieGalerie360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Liquid layout 360
Responsive 360° / 3D Spin & Zoom
responsiveadaptiv360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
360° - 3D Spin & Zoom Responsive
High resolution animation zoom & pan, timeline, selected key frames.
360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
High resolution animation zoom
In diesem Beispiel öffnet sich AJAX-ZOOM in einer Lightbox (Fancybox), welche sich automatisch der Größe des Fensters anpasst. Außerdem werden fast alle Parameter, die an AJAX-ZOOM für Bestimmung des Inhalts übergeben werden können, anschaulich beschrieben. Ab Ver. 4.0 kann die Ansicht weiter auf Vollbild vergrößert werden!
TutorialLightboxFancyboxresponsiveadaptiv360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Javascript Image Zoom Fullscreen in jQuery Fancybox fluid design
Sehr einfaches Beispiel, wie man AJAX-ZOOM im Vollbildmodus öffnet. Nur ein paar JS tags im Headbereich des Dokuments nötig.
TutorialVollbild360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
AJAX-ZOOM fullscreen
Objekt 360° Drehen & Zoomen. Sehr einfache Handhabung - einfach den Pfad zum Ordner mit den einzelnen Frames angeben. Alles Andere wird automatisch eingeleitet. Auch in

Abgeleitete Beispiele:
Externe Galerie360 Galerie360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt

Mouseover Zoom

jQuery mouse over "Voransicht" mit verstellbarer maximaler Größe des Bildes, sowie AJAX-ZOOM Vollbild Ansicht mit Zoom. Die Größe des flyout zoom Fensters kann sich automatisch der verfügbaren Fläche in der Breite und / oder Höhe anpassen. Optionale 360 animationen über das gleiche Plugin. Lauffähig auf iOS und Android.
Mouseover ZoomBild Zoom bei MouseoverBild Mouseover VergrössernMouse Over ZoomFancyboxColorbox360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
jQuery mouse over zoom
Simulation des oft in Webshops verwendeten Effekts - "Maus über dem Bild Zoom", zusätzlich jedoch mit Vollbild Zoom. Die Auflösung des Bildes ist unbegrenzt, da nur die benötigten Bildkacheln geladen werden. In dieser Konstellation einmaliges Effekt.

Nur der Player:
Mouseover ZoomBild Zoom bei MouseoverBild Mouseover VergrössernMouse Over Zoom
JavaScript mouse hover zoom
Experiment: "Image Map" außerhalb und hat die selbe Größe, wie der Player.
before / afterBildvergleich
Responsive image hover zoom (gallery) effect + fullscreen progressive zoom on click
Hover thumbExterne GalerieGalerieresponsiveadaptivFancyboxColorboxIframe
hover thumb

Responsive design

Beispiel der Platzierung von AJAX-ZOOM innerhalb eines Containers, welches sich dynamisch je nach Bildschirmauflösung anpasst.
Galerieresponsiveadaptiv
Liquid layout
Erstellen Sie eine Galerie mit den Ausschnitten aus Bildern oder 360 Grad animationen mit zusätzlicher Beschreibung

Hotspot360 HotspotKonfiguratorzoomToProdukttour360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Cropped thumbs gallery with zoomTo
In diesem Beispiel öffnet sich AJAX-ZOOM in einer Lightbox (Fancybox), welche sich automatisch der Größe des Fensters anpasst. Außerdem werden fast alle Parameter, die an AJAX-ZOOM für Bestimmung des Inhalts übergeben werden können, anschaulich beschrieben. Ab Ver. 4.0 kann die Ansicht weiter auf Vollbild vergrößert werden!
TutorialLightboxFancyboxresponsiveadaptiv360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Javascript Image Zoom Fullscreen in jQuery Fancybox fluid design
Responsive 360° / 3D Spin & Zoom
responsiveadaptiv360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
360° - 3D Spin & Zoom Responsive
jQuery mouse over "Voransicht" mit verstellbarer maximaler Größe des Bildes, sowie AJAX-ZOOM Vollbild Ansicht mit Zoom. Die Größe des flyout zoom Fensters kann sich automatisch der verfügbaren Fläche in der Breite und / oder Höhe anpassen. Optionale 360 animationen über das gleiche Plugin. Lauffähig auf iOS und Android.
Mouseover ZoomBild Zoom bei MouseoverBild Mouseover VergrössernMouse Over ZoomFancyboxColorbox360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
jQuery mouse over zoom
Loads a set of images, e.g. an old book or newspaper and allowes to search keywords, visually highlight the results and zoom to these hotspots.
HotspotresponsiveadaptivAutosuggestzoomToGalerieEntwicklerDigital-Asset-Management
library zoom software
AJAX-ZOOM öffnet sich im Vollbild Modus wenn die Seite geladen ist.
Vollbildresponsiveadaptiv
Fullscreen image zoom
Eine 360 Grad Produktanimation mit zusätzlichen hotspots, welche in ein container mit variabler Höhe und Breite geladen ist. Dies könnte natürlich auch eine Bildgalerie oder anderer Inhalt, welcher in den AJAX-ZOOM Player geladen werden kann.
Hotspot360 Hotspotresponsiveadaptiv360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
jQuery 360 hotspots player
Responsive hover thumb zoom gallery. Responsive hover thumb zoom gallery
Hover thumbExterne GalerieGalerieresponsiveadaptivFancyboxColorbox
hover thumb
Responsive image hover zoom (gallery) effect + fullscreen progressive zoom on click
Hover thumbExterne GalerieGalerieresponsiveadaptivFancyboxColorboxIframe
hover thumb
Beispiel der Platzierung von AJAX-ZOOM 360 innerhalb eines Containers, welches sich dynamisch je nach Bildschirmauflösung anpasst
360 GalerieGalerie360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Liquid layout 360

Lightbox & Co.

Öffnen des AJAX-ZOOM Players in einer lightbox als Ajax aufgerufener Inhalt. Darin kann 360 Grad animation, 3D Animation, eine Galerie oder einfach hochauflösendes Bild geladen werden.
LightboxFancyboxColorboxLightbox GalerieLightbox Zoom
javascript image zoom
In diesem Beispiel öffnet sich AJAX-ZOOM in einer Lightbox (Fancybox), welche sich automatisch der Größe des Fensters anpasst. Außerdem werden fast alle Parameter, die an AJAX-ZOOM für Bestimmung des Inhalts übergeben werden können, anschaulich beschrieben. Ab Ver. 4.0 kann die Ansicht weiter auf Vollbild vergrößert werden!
TutorialLightboxFancyboxresponsiveadaptiv360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Javascript Image Zoom Fullscreen in jQuery Fancybox fluid design
Responsive hover thumb zoom gallery. Responsive hover thumb zoom gallery
Hover thumbExterne GalerieGalerieresponsiveadaptivFancyboxColorbox
hover thumb
Responsive image hover zoom (gallery) effect + fullscreen progressive zoom on click
Hover thumbExterne GalerieGalerieresponsiveadaptivFancyboxColorboxIframe
hover thumb
Öffnen des AJAX-ZOOM Players in einer lightbox als Iframe. Es ist die einfachste Methode AJAX-ZOOM praktisch überall einzusetzen. Diese Einbindungsweise ist zurzeit die einzige, die über Domaingrenzen hinweg funktioniert, z.B. in eBay Auktionen.
LightboxFancyboxColorboxLightbox GalerieLightbox ZoomIframe
Ein Beispiel für einfache Bildgalerie außerhalb von AJAX-ZOOM. Beim klicken auf das Thumbnail öffnet sich AJAX-ZOOM in einer Lightbox.
GalerieExterne GalerieBild SetLightboxFancyboxColorboxLightbox GalerieLightbox Zoom

Tutorial

Nachfolgend eine kleine Auswahl der wirklich einfachen Beispiele. Die "Lektüre" des ersten Beispiels in dieser Auswahl empfiehlt sich grundsätzlich genauer zu studieren, da es dort faktisch alle Standardmethoden für Bestimmung der zu ladenden Bilder über Parameter beschrieben werden. Diese können dann in allen anderen Beispielen angewandt werden.

In diesem Beispiel öffnet sich AJAX-ZOOM in einer Lightbox (Fancybox), welche sich automatisch der Größe des Fensters anpasst. Außerdem werden fast alle Parameter, die an AJAX-ZOOM für Bestimmung des Inhalts übergeben werden können, anschaulich beschrieben. Ab Ver. 4.0 kann die Ansicht weiter auf Vollbild vergrößert werden!
TutorialLightboxFancyboxresponsiveadaptiv360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Javascript Image Zoom Fullscreen in jQuery Fancybox fluid design
In diesem kurzen Tutorial ist das Eingügen von PHP Code nicht nötig. Somit kann AJAX-ZOOM beispielsweise auch über WYSIWYG Editor in ein beliebiges Content eingebunden werden.
Tutorial
javascript zoom asp.net
Sehr einfaches Beispiel, wie man AJAX-ZOOM im Vollbildmodus öffnet. Nur ein paar JS tags im Headbereich des Dokuments nötig.
TutorialVollbild360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
AJAX-ZOOM fullscreen
Eine kurze Anleitung wie man schnell eins oder mehrere Bilder definiert und AJAX-ZOOM direkt in eine PHP seite mittels PHP in eine Seite einbettet.
Tutorial
javascript zoom
Laden des AJAX-ZOOM Players mit hilfe eine JS Loader Datei. Nur wenige Zeilen Code notwendig. Die ladende Seite muss nicht unbedingt eine PHP Seite sein.
Tutorial

Galerien

AJAX-ZOOM bietet drei integrierte Galeriearten, die per Option im Player aktivierbar sind. Darüber hinaus besteht die Möglichkeit über die API Funktionen AJAX-ZOOM von außen vollständig zu steuern. Dadurch kann AJAX-ZOOM mit beliebigen Galeriearten kombiniert werden. Eine sehr interessante Eigenschaft von AJAX-ZOOM ist außerdem die Fähigkeit ganze Verzeichnisse mit Bildern darzustellen. Einzelne Bilder müssen also nicht direkt definiert werden, wobei es natürlich auch möglich ist.

Responsive hover thumb zoom gallery. Responsive hover thumb zoom gallery
Hover thumbExterne GalerieGalerieresponsiveadaptivFancyboxColorbox
hover thumb
Dieser Bild Slider ist eine Erweiterung des AJAX-ZOOM jQuery Plugins. Die Erweiterung fügt zusätzliche Funktionalität wie Bullet Navigation durch die Verwendung von Callbacks und AJAX-ZOOM API. Da sie sehr einfach geschrieben ist, könnte der Open Source Code die Verwendung von Callbacks und API veranschaulichen.

Abgeleitete Beispiele:
Bild SliderGalerieZoom GalerieKonfiguratorEntwickler
jQuery image slider
Anzeigen der 360° oder 3D Produktanimationen zusammen mit einfachen 2D hochauflösenden Fotos in einer Galerie. Außerdem können Videos von Youtube, Vimeo oder Dailymotion, sowie weitere Inhalte hinzugefügt werden.

Abgeleitete Beispiele:
360 GalerieGalerieExterne GalerieVideoYoutubeMultimedia360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
html5 360 iPad zoom
Externe beschreibung der fotos in der Galerie, "nummern" Navigation und weitere API Anwendungen.
Zoom GalerieGalerie
External description gallery
Beispiel der Platzierung von AJAX-ZOOM 360 innerhalb eines Containers, welches sich dynamisch je nach Bildschirmauflösung anpasst
360 GalerieGalerie360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Liquid layout 360
In disem Beispiel wird ein Verzeichnis mit Bildern automatisch durchsucht und als Thumbnail Übersicht dargestellt. Beim clicken auf das Thumbnail wird AJAX-ZOOM im Vollbild geöffnet.
VollbildGalerieExterne GalerieBild Set
Fullscreen open javascript
Keine Werkzeugleiste, "image map" außerhalb, Schieberegler fürs Zoomen eingeschaltet, benutzerdefinierte Tasten für Navigation mittels API Funktionen, Bildergalerie außerhalb und ebenso, wie das ganze Layout, frei gestaltbar.
GalerieExterne Galerie
Image map outside
AJAX-ZOOM (für Entwockler) Bilder dynamisch mit Markierungen versehen und Beschreibungen hinzufügen; $.fn.axZm.createNewHotspot() API tutorial
EntwicklerHotspot360 HotspotDigital-Asset-Management
tagging images
Demonstration der Methoden jQuery.fn.axZm.zoomSwitch() und jQuery.fn.axZm.loadAjaxSet(). Damit lassen sich extern die Bildersets austauschen, sowie einzelne Bilder umschalten.
GalerieExterne GalerieBild Set
Ein Beispiel für einfache Bildgalerie außerhalb von AJAX-ZOOM. Beim klicken auf das Thumbnail öffnet sich AJAX-ZOOM in einer Lightbox.
GalerieExterne GalerieBild SetLightboxFancyboxColorboxLightbox GalerieLightbox Zoom
Ein in die Seite verankertes Beispiel; Demonstration der Vorgehensweise, wie unterschiedliche Bildersets von Außen in die AJAX-ZOOM Galerie zu laden sind, ohne dabei die komplette Seite neu zu laden. Benutzerdefinierter Rahmen um den Player.
GalerieBild Set
image zoom gallery
Responsive image hover zoom (gallery) effect + fullscreen progressive zoom on click
Hover thumbExterne GalerieGalerieresponsiveadaptivFancyboxColorboxIframe
hover thumb

Vollbild

Sehr einfaches Beispiel, wie man AJAX-ZOOM im Vollbildmodus öffnet. Nur ein paar JS tags im Headbereich des Dokuments nötig.
TutorialVollbild360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
AJAX-ZOOM fullscreen
AJAX-ZOOM öffnet sich im Vollbild Modus wenn die Seite geladen ist.
Vollbildresponsiveadaptiv
Fullscreen image zoom
Objekt 360° Drehen & Zoomen öffnet sich im Vollbildmodus
Vollbild360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
360° - 3D Spin & Zoom
AJAX-ZOOM player für 360° Produktfotos in einem anderen Erscheinungsbild - Navigationsleiste und Slider deaktiviert. Stattdessen werden zwei Sondertasten direkt auf dem Player angezeigt. Dies is völlig ausreichend für Desktop Computer mit der Maus, sowie Touch Geräte wie iPad.
Vollbild360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
html5 360 rotate iPad

Entwickler

AJAX-ZOOM bietet den Entwicklern vielfältige Möglichkeiten eine eigens konstruierte Anwendung für unterschiedlichste Einsatzgebiete zu kreieren. Dafür stehen diverse API Funktionen, Callbacks und globale Variablen bereit. Gerne zeigen wir Ihnen die Richtung für Ihr Projekt auf oder übernehmen gleich für Sie die Entwicklung Ihrer individuellen Anwendung als separate Dienstleistung.

Für Entwickler - Vorstellung der callback Funktionen. Die Callbacks werden in einer Art Console angezeigt. Gerne fügen wir weitere Callbacks nach Bedarf hinzu!
EntwicklerCallbacks
Demonstration der Methode jQuery.fn.axZm.zoomTo(). Damit lässt sich von Außen in ein vordefinierten Bildbereich mit den Koordinaten x1, y1, x2 und y2 hineinzoomen. Außerdem ist es möglich umgekehrt die Koordinaten des gezoomten Bildausschnitts zu bestimmen.
EntwicklerzoomTo
Einzigartiger online Hotspot Editor, mit dessen Hilfe spielerisch per Drag & Drop anklickbare Markierungen auf regulären Bildern, sowie auf 360/3D Objekten kreiert werden können. Unverzichtbar für erklärungsbedürftige Produkte, Lookbooks und sonstigen interaktiven Bildern. Das Resiltat - eine JavaScript Datei mit JSON kann über eine Zeile Code in alle anderen Beipiele der AJAX-ZOOM Anwendung eingebunden werden!

Nur der player mit Hotspots:
Hotspot360 HotspotKonfiguratorzoomTo360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
jQuery 360 hotspots player
Erstellen Sie eine Galerie mit den Ausschnitten aus Bildern oder 360 Grad animationen mit zusätzlicher Beschreibung

Abgeleitete Beispiele:
Hotspot360 HotspotKonfiguratorzoomToProdukttour360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Cropped thumbs gallery with zoomTo
AJAX-ZOOM (für Entwockler) Bilder dynamisch mit Markierungen versehen und Beschreibungen hinzufügen; $.fn.axZm.createNewHotspot() API tutorial
EntwicklerHotspot360 HotspotDigital-Asset-Management
tagging images
Dieser Bild Slider ist eine Erweiterung des AJAX-ZOOM jQuery Plugins. Die Erweiterung fügt zusätzliche Funktionalität wie Bullet Navigation durch die Verwendung von Callbacks und AJAX-ZOOM API. Da sie sehr einfach geschrieben ist, könnte der Open Source Code die Verwendung von Callbacks und API veranschaulichen.

Abgeleitete Beispiele:
Bild SliderGalerieZoom GalerieKonfiguratorEntwickler
jQuery image slider
Loads a set of images, e.g. an old book or newspaper and allowes to search keywords, visually highlight the results and zoom to these hotspots.
HotspotresponsiveadaptivAutosuggestzoomToGalerieEntwicklerDigital-Asset-Management
library zoom software

Neue Beispiele

product configuration
API $.fn.axZm.loadAjax360Type; injects new 360 of the same size keeping same zoom level and frame number. Perfect for 360 product configurators.
Color SwatchProduktkonfiguratorresponsive360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Cropped thumbs gallery with zoomTo
Erstellen Sie eine Galerie mit den Ausschnitten aus Bildern oder 360 Grad animationen mit zusätzlicher Beschreibung

Hotspot360 HotspotKonfiguratorzoomToProdukttour360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Cropped thumbs gallery with zoomTo
Erstellen Sie eine Galerie mit den Ausschnitten aus Bildern oder 360 Grad animationen mit zusätzlicher Beschreibung

Abgeleitete Beispiele:
Hotspot360 HotspotKonfiguratorzoomToProdukttour360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
library zoom software
Loads a set of images, e.g. an old book or newspaper and allowes to search keywords, visually highlight the results and zoom to these hotspots.
HotspotresponsiveadaptivAutosuggestzoomToGalerieEntwicklerDigital-Asset-Management
jQuery 360 hotspots player
Eine 360 Grad Produktanimation mit zusätzlichen hotspots, welche in ein container mit variabler Höhe und Breite geladen ist. Dies könnte natürlich auch eine Bildgalerie oder anderer Inhalt, welcher in den AJAX-ZOOM Player geladen werden kann.
Hotspot360 Hotspotresponsiveadaptiv360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
jQuery 360 hotspots player
Einzigartiger online Hotspot Editor, mit dessen Hilfe spielerisch per Drag & Drop anklickbare Markierungen auf regulären Bildern, sowie auf 360/3D Objekten kreiert werden können. Unverzichtbar für erklärungsbedürftige Produkte, Lookbooks und sonstigen interaktiven Bildern. Das Resiltat - eine JavaScript Datei mit JSON kann über eine Zeile Code in alle anderen Beipiele der AJAX-ZOOM Anwendung eingebunden werden!

Nur der player mit Hotspots:
Hotspot360 HotspotKonfiguratorzoomTo360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
jQuery mouse over zoom
jQuery mouse over "Voransicht" mit verstellbarer maximaler Größe des Bildes, sowie AJAX-ZOOM Vollbild Ansicht mit Zoom. Die Größe des flyout zoom Fensters kann sich automatisch der verfügbaren Fläche in der Breite und / oder Höhe anpassen. Optionale 360 animationen über das gleiche Plugin. Lauffähig auf iOS und Android.
Mouseover ZoomBild Zoom bei MouseoverBild Mouseover VergrössernMouse Over ZoomFancyboxColorbox360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
jQuery image slider
Dieser Bild Slider ist eine Erweiterung des AJAX-ZOOM jQuery Plugins. Die Erweiterung fügt zusätzliche Funktionalität wie Bullet Navigation durch die Verwendung von Callbacks und AJAX-ZOOM API. Da sie sehr einfach geschrieben ist, könnte der Open Source Code die Verwendung von Callbacks und API veranschaulichen.

Abgeleitete Beispiele:
Bild SliderGalerieZoom GalerieKonfiguratorEntwickler
html5 360 iPad zoom
Anzeigen der 360° oder 3D Produktanimationen zusammen mit einfachen 2D hochauflösenden Fotos in einer Galerie. Außerdem können Videos von Youtube, Vimeo oder Dailymotion, sowie weitere Inhalte hinzugefügt werden.

Abgeleitete Beispiele:
360 GalerieGalerieExterne GalerieVideoYoutubeMultimedia360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
html5 360 rotate iPad
AJAX-ZOOM player für 360° Produktfotos in einem anderen Erscheinungsbild - Navigationsleiste und Slider deaktiviert. Stattdessen werden zwei Sondertasten direkt auf dem Player angezeigt. Dies is völlig ausreichend für Desktop Computer mit der Maus, sowie Touch Geräte wie iPad.
Vollbild360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
html5 360 rotate iPad
AJAX-ZOOM player für 360° Produktfotos in einem anderen Erscheinungsbild - Navigationsleiste und Slider deaktiviert. Stattdessen werden zwei Sondertasten direkt auf dem Player angezeigt. Dies is völlig ausreichend für Desktop Computer mit der Maus, sowie Touch Geräte wie iPad. Ausprobieren!

Nur der Player:
360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
Javascript Image Zoom Fullscreen in jQuery Fancybox fluid design
In diesem Beispiel öffnet sich AJAX-ZOOM in einer Lightbox (Fancybox), welche sich automatisch der Größe des Fensters anpasst. Außerdem werden fast alle Parameter, die an AJAX-ZOOM für Bestimmung des Inhalts übergeben werden können, anschaulich beschrieben. Ab Ver. 4.0 kann die Ansicht weiter auf Vollbild vergrößert werden!
TutorialLightboxFancyboxresponsiveadaptiv360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
360° - 3D Spin & Zoom Responsive
Responsive 360° / 3D Spin & Zoom
responsiveadaptiv360 Produkt Player360 Player360 Produkt drehen3d ObjektVR Objekt
tagging images
AJAX-ZOOM (für Entwockler) Bilder dynamisch mit Markierungen versehen und Beschreibungen hinzufügen; $.fn.axZm.createNewHotspot() API tutorial
EntwicklerHotspot360 HotspotDigital-Asset-Management
hover thumb
Responsive image hover zoom (gallery) effect + fullscreen progressive zoom on click
Hover thumbExterne GalerieGalerieresponsiveadaptivFancyboxColorboxIframe
hover thumb
Responsive hover thumb zoom gallery. Responsive hover thumb zoom gallery
Hover thumbExterne GalerieGalerieresponsiveadaptivFancyboxColorbox

Comments (2)

Vadim Jacobi
2015-09-16 15:07:30
Vadim Jacobi
Abar: please check the ajax calls in webbrowser console, also on other examples. Most likely you will find there a message from AJAX-ZOOM about what is wrong. You can also send us a link with your implementation over contact form so we can debug it and tell you the cause of this error.
Abar Choudhary
2015-09-16 14:22:30
Abar Choudhary
I am using example 20, nothing is showing in place of image only showing loading image

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.