Release date: September 18th, 2017
Current version: 5.0.9
Change log

Über AJAX-ZOOM Beispiele

Nachfolgend finden Sie einige Beispiele, wie AJAX-ZOOM aussehen und integriert werden kann. Die meisten Beispiele sind im ZIP Paket enthalten, welchen Sie kostenfrei herunterladen und selbst testen können. Die Beispiele im Download-Paket enthalten jedoch nicht die gleichen Bilder bzw. 360 Grad Photos, wie auf ajax-zoom.com zu sehen ist. Sie können aber die Dummy-Bilder leicht durch Ihre eigene ersetzen.

Beispiele nach Schlüsselwörtern filtern

Drücken Sie auf eine Schaltfläche unten, um Beispiele nach einem Schlüsselwört zu filtern. Klicken Sie auf die Screenshots, um das Beispiel in einem neuen Browser Fenster zu öffnen. Schicken Sie uns eine Nachricht, wenn Sie nach einem Schlüsselwört gesucht haben, aber nicht in der Wolke unten gefunden haben.

360 / 3D 360 gallery 360 product tour API app autosuggest callbacks / hooks Colorbox color swatch configurator descriptions developer Digital-Asset-Management (DAM) external gallery Fancybox fullscreen gallery hotspots / overlays iframe image compare (before / after) image slider lightbox mouseover zoom multimedia OCR player skins product configuration replace spinTo tutorial video Youtube zoomTo
example2
Öffnen des AJAX-ZOOM Players in einer lightbox als Iframe. Es ist die einfachste Methode AJAX-ZOOM praktisch überall einzusetzen. Darin kann 360 Grad animation, 3D Animation, eine Galerie oder einfach hochauflösendes Bild geladen werden. Fancybox und Colorbox werden als Beispiele zur Veranschaulichung des Verfahrens verwendet.
example3
Ö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. Fancybox und Colorbox werden als Beispiele zur Veranschaulichung des Verfahrens verwendet.
example4
Eingebetteter Zoom Player mit Galerie und Möglichkeit, zwischen unterschiedlichen Ordnern mit Bildern zu wechseln. Die Navi Leiste mit Ordnernamen wird automatisch erstellt. Dabei wird bootstraps "navbar" verwendet. Dieses Beispiel ist auch eine Demonstration, wie man einen anderen Bildersatz über $.fn.axZm.loadAjaxSet API in AJAX-ZOOM Player lädt.
example5
Ein Beispiel für einfache Bildgalerie außerhalb von AJAX-ZOOM. Beim Klick auf die Miniaturansich öffnet sich AJAX-ZOOM wahlweise in einer (responsiven) Lightbox wie Fancybox oder sofort als Vollbild. Die Anzahl der Miniaturansichten kann zudem begrenzt und über Seitennavigation geschaltet werden.
example6
Responsive "hover zoom thumb" Galerie mit diversen Optionen. Beim Klick auf die Miniaturansich öffnet sich AJAX-ZOOM wahlweise in einer (responsiven) Lightbox wie Fancybox oder sofort als Vollbild.
example6_cms
Responsive "hover zoom thumb" Bilder mit diversen Optionen. Neben dem Öffnen des AJAX-ZOOM-Players im Vollbild oder responsiven Lightbox kann das eingebettete Bild mit Hover-Effekt auch optional mit AJAX-ZOOM-Player ersetzt werden, um darin hochauflösendes Bild anzuzeigen. In diesem Beispiel können Sie direkt in diesen Modus wechseln indem Sie "replace image with AJAX-ZOOM player" wählen. Eignet sich hervorragend für redaktionellen Content, da das HTML im Wesentlichen nur aus dem img tag besteht und leicht über WYSIWYG Editor eingefügt werden kann.
example7
In diesem Beispiel werden mehrere Bilder von verschiedenen Orten in eine externe Galerie geladen. Ausgewähltes Bild wird im eingebetteten AJAX-ZOOM Player angezeigt. Enthält externes Steuerelement, um zu vorherigen und nächsten Bildern über $.fn.axZm.zoomPrevNext() API zu wechseln.
example8
In diesem Beispiel erzeugt das Plugin ein select Formelement oder ein anderes html, um die Unterordner anzuzeigen. Die Miniaturbilder aus dem jeweiligen Ordner werden automatisch erzeugt und in einem externen Bereich als Galerie angezeigt. Beim Klicken auf eine Miniaturbilder schaltet das Bild im AJAX-ZOOM-Player um, der neben der externen Galerie angezeigt wird.
example9
Laden des AJAX-ZOOM Players mit hilfe eine JS Loader Datei. Nur wenige Zeilen Code notwendig. Die Seite muss dabei auch keine jQuery Hauptdatei enthalten, da diese nach Bedarf von dem JS Loader nachgeladen werden kann.
example10
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 bzw. nur mit x1, y1 hineinzoomen. Außerdem ist es möglich umgekehrt die Koordinaten des gezoomten Bildausschnitts zu bestimmen. Für Entwickler wird außerdem gezeigt, wie aus dem gezoomten Bereich ein Thumbnail mittel API Funktionen erzeugt werden kann.
example11
Dieses Beispiel erinnert an einen Desktop Photo Manager und könnte als Templatevorlage für einen online Photomanager in einem DAM System o.Ä. verwendet werden. Die Seite ist in drei Bereiche unterteilt. Die Größe der Bereiche kann von Benutzer angepasst werden.
example12
AJAX-ZOOM (für Entwickler). Bilder werden über AJAX-ZOOM $.fn.axZm.createNewHotspot API dynamisch mit Markierungen (Hotspots) versehen. Außerdem kann der User Beschreibungen für diese Markierungen hinterlassen. Die Koordinaten der Hotspots und Beschreibungen werden in diesem Beispiel zur Veranschaulichung als JSON in einer Console dargestellt. Sie können dann in einer Anwendung in die Datenbank gespeichert oder z.B. mittels "PostMessage" mit einem anderen Client ausgetauscht werden.
example13
Laden des AJAX-ZOOM players in einem Iframe. Die einfachste Methode AJAX-ZOOM praktisch überall zu implementieren. Mann kann beliebig viele AJAX-ZOOM Instanzen auf einer Seite platzieren. Vollbild funktioniert auch auf mobilen Geräten. Das Laden des Inhalts kann auch mit "lazyload" erfolgen. Sie können eine Bildergalerie, eine 360 / 3D Produktumdrehung oder einfach ein hochauflösendes Bild mit progressivem Zoom darin anzeigen.
example14
Als Entwickler, der mit AJAX-ZOOM arbeitet bzw. AJAX-ZOOM erweitert, bedeutet das, dass Sie neben der API Funktionen auch Callbacks / Hooks nutzen um eigenen JavaScript Code im richtigen Moment auszuführen. In diesem Beispiel haben Sie die Möglichkeit alle verfügbare Callbacks / Hooks automatisch auszulösen und visuell mit zusätzlichen Daten in einer console neben dem Player dargestellt zu bekommen. Nach Bedarf können wir weitere Callbacks / Hooks hinzufügen!
example15
Objekt 360° Drehen & Zoomen. In diesem Beispiel finden Sie weitere Hintergrundinformationen und viele Beispiel von 360° Grad Objekt Fotographie. Sehr leichte Handhabung - einfach den Pfad zum Ordner mit den einzelnen Frames angeben und alles Andere wird automatisch von AJAX-ZOOM erledigt.
example15_clean
Saubere (ohne viel unnötigen Code) Implementierung eines einzigen responsiven 360° / 3D Spin & Zoom. Kann als Quellcode für Ihre eigene grundlegende Implementierung des Players verwendet werden. Im Quellcode finden Sie auch einige Kommentare zu den Parametern, z.B. Pfad zum Ordner mit 360° Bildern.
example15_gallery_clean
Ein weiteres, sauberes (ohne viel unnötigen Code) Beispiel des AJAX-ZOOM 360° Grad / 3D Players mit einer 360° Grad Objekt Galerie. Die Galerie, sowie der Player werden über eine kleine Erweiterung geladen, die das Handhaben solcher Implementierungen leichter gestaltet. Die Erweiterung ist Einstellbar über diverse Parameter, kann aber auch im offenen Quellcode von Ihnen angepasst werden.
example15_responsive
Ein responsives 360° Grad AJAX-ZOOM Implementierungsbeispiel, wo zudem die Größe des Players per JavaScript beispielhaft verstellt werden kann. Bei Veränderung der Größe des Browserfensters ist dies nicht notwendig, da AJAX-ZOOM sich selbst der Größe des Containers anpasst. Des Weiteren wird dort gezeigt, wie mittels $.fn.axZm.loadAjaxSet AJAX-ZOOM API ein anderes 360° Grad Produkt per Klick zu laden ist.
example15_fullscreen
Öffnen des 360 Grad Produkt Players als volles Browserfenster on load. Der übergeordnete Container ist auf "body" HTML-Element gesetzt. Öffnen des AJAX-ZOOM im Vollbildmodus ist nicht möglich ohne dass dies durch einen Benutzer wie "Klick" Ereignis ausgelöst wurde. Diese Einschränkung ist durch Browser auferlegt.
example15_vr9
VR Reel Multilevel drehen & Zoom Beispiel. Dieses vollkugelförmige Beispiel verwendet 9 Zeilen und 90 Bilder pro Zeile, was 810 Bild als Summe macht.
example16
Deaktivierte Werkzeugleiste, "Image Map" und Miniaturansichten Galerie sind außerhalb des Players platziert, eigentlich ein frei gestaltbarers html / css Layout. Die gesamte Konstellation wird durch $.azThumbGallery Erweiterung initiiert und über mehrere Optionen einstellbar, wobei diese Erweiterung von Entwicklern an Ihre Bedürfnisse angepasst werden kann.
example17
In diesem Beispiel ist die "Image Map" außerhalb des AJAX-ZOOM Players platziert und hat die gleiche Größe wie der Player. Kann als Bildvergleich (vor / nach) mit tiefem Zoom verwendet werden. Sie können dynamisch beliebige Menge von Bildpaaren laden und zwischen ihnen mittels AJAX-ZOOM $.fn.axZm.zoomSwitchQuick API-Funktion umschalten, welche an z.B. html Element oder Tastaturtasten gebunden ist, ohne dabei den Zoom-Status des Bildes zu verlieren. Sie können auch eine Reihe von Bildern (mehr als zwei Bilder) von z.B. Zeitrafferfotografie, Sicherheitskameras, Webcam... laden und Kader nach Kader die Veränderungen im Detail inspezieren.
example18
AJAX-ZOOM Player mit Swipe-Funktion und horizontaler interner Galerie. Außerdem können Sie in diesem Beispiel zwischen verschiedenen mit dem Paket ausgelieferten Skins wechseln. Die Skins sind editierbar und erweiterbar - bedeutet, dass Sie Ihre eigenen Skins erstellen und sie sogar dynamisch mit JavaScript anwenden können.
example19
In dieser 360 ° Animation wird die interne horizontale Galerie eingeschaltet, aber nur ausgewählte Bilder / Frames aus 360° darin angezeigt. Wenn der Benutzer auf die Miniaturansicht klickt, geht der Spin zu diesem bestimmten Frame. Auf ajax-zoom.com haben wir eine interessante 360° Animation in dieses Beispiel geladen, das wahrscheinlich mehr aus einer Filmmacher Technik entspringt, als regulären 360-Grad-Fotografie mit einem Drehteller. Dennoch ist es immer noch zoombar in Details, was auch Sinn macht.
example20
Ein ziemlich spezifisches und seltenes Mouseover-Zoom-Skript mit Multiskalen Auflösung und Bildkacheln Technologie in dem Fly-out-Fenster. In der Voreinstellung ist es für Touch-Geräte ausgeschaltet, aber Sie können es aktivieren, indem Sie eine Option der Erweiterung, die diesen Maus-Hover-Effekt auslöst, umschalten. Auf Desktop-Computern kann die Zoom-Ebene durch den Benutzer mit dem Mousewheel geändert werden.
example21
In disem Beispiel wird ein Verzeichnis mit Bildern automatisch durchsucht und als Thumbnail / Miniaturansicht dargestellt. Beim klicken auf die Miniaturansicht wird AJAX-ZOOM wahlweise im Vollbild oder Lightbox geöffnet. In der Verzeichnisübersicht sehen Sie einige Bilder, die darin enthalten sind.
example22
Browserfenster füllendes Layout mit AJAX-ZOOM Player, welches den großen Teil der Fläche einnimmt. Vertikale (interne) Galerie ist aktiviert und die Werkzeugleiste ist deaktiviert. Auf kleinen Bildschirmen verschwindet die vertikale Galerie, was per Option einstellbar ist. Das Layout wird per simplen JavaScript kontrolliert. Die Bilder stammen aus unterschiedlichen Verzeichnissen und sind mittels "zoomData" Parameter bestimmt. Mittels AJAX-ZOOM $.fn.axZm.loadAjaxSet API Funktion können die Bilder dynamisch ausgetauscht werden.
example22_new
Ein Beispiel für AJAX-ZOOM in einem Container mit responsiven Breite und Höhe. Die Dimensionen werden mit CSS- und CSS-Medien-Abfragen-Haltepunkten gesetzt.
example23
Öffnen des AJAX-ZOOM Image Zoom Viewers im Vollbild Modus wenn die Seite geladen ist.
example24
Beispiel der Platzierung von AJAX-ZOOM 360 Grad bzw. Multimedia Galerie innerhalb von Browserfenster füllendem Layout, welches sich dynamisch je nach Bildschirmauflösung mittels JavaScript anpasst.
example25
Externe Beschreibungen der Fotos platziert unter dem AJAX-ZOOM Swipe-Slider. Zusätzlich mit einer internen und zweispaltigen, vertikal angeordneten Miniaturansichten Galerie. Die Beschreibungen werden innerhalb von JavaScript definiert und mittels AJAX-ZOOM Callbacks / Hooks beim Bilderwechsel ausgetauscht. Im Vollbild Modus werden die Beschreibungen im Player angezeigt. Zudem wird eine automatische Nummern Navigation erzeugt und über API gesteuert bzw. synchronisiert. Der gesamte Codeschnipsel dafür ist kommentiert und kann leicht angepasst werden.
example26
Einfache JavaScript-basierte Zoom-Viewer / Slider Lösung ohne Thumbnail-Galerie und der Toolbar aktiviert. Zusätzlich sind einige alternative Möglichkeiten zum Einbetten von AJAX-ZOOM-Player unten aufgeführt.
example27
In diesem Beispiel öffnet sich AJAX-ZOOM in einer Lightbox (Fancybox), welche sich automatisch der Größe des Browserfensters anpasst. Die Ansicht kann aus dem Fancybox Fensters heraus weiter auf Vollbild vergrößert werden! Außerdem werden fast alle Parameter, die an AJAX-ZOOM für Bestimmung des Inhalts übergeben werden können, anschaulich beschrieben.
example28
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. Das Beispiel hat auch eine ausführliche Erklärung darüber, wie Sie Ihre Bilddateien für ein 3D mit mehreren Reihen vorbereiten bzw. für AJAX-ZOOM ordnen müssen.
example28_clean
Sauberes (ohne viel unnötigen Code) Beispiel für einen 3D Objekt.
example29
Darstellen 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. Alles wird über eine zusätzliche Javascript AJAX-ZOOM Erweiterung mit vielen Optionen gesteuert. Sie müssen nur Ihre variable Daten im Initialisierungscode dieser Erweiterung definieren, damit alles sofort ohne weiterer Programmierung funktioniert. Trotzdem sind Ihre Entwickler in der Lage, diese zusätzliche Erweiterung an Ihre spezifischen Bedürfnisse anzupassen.
example29_clean
Sauberes (ohne viel unnötigen Code) Beispiel für eine Multimedia Galerie mit 3D, 360 Grad Produkt Drehungen, normalen Bildern, sowie Videos.
example29_fullscreen
Öffnen der Multimedia Galerie mit 3D, 360 Grad Produkt Drehungen, normalen Bildern, sowie Videos als volles Browserfenster on load.
example29_responsive
Responsive AJAX-ZOOM Multimedia-Galerie Beispiel mit zusätzlichen Veranschaulichung, wie man die Größe des Players mit JavaScript ändern. Beim Ändern der Größe des Browserfensters ist dies nicht erforderlich, da sich AJAX-ZOOM sofort an die Größe des Containers anpasst.
example29_responsive_easy
In diesem Beispiel sind AJAX-ZOOM / Multimedia-Galerie Einstellungen so eingestellt, dass der Benutzer nur die Möglichkeit hat, im nicht gezoomten Zustand zu drehen. Zoom mit Klick geht auf 100%; ein weiterer Klick im vollständig gezoomten Zustand wird wieder zur Vollansicht verkleinert. Empfohlenes Beispiel.
example30
Sehr einfaches Beispiel, wie man AJAX-ZOOM 360/3D oder ein Bild im Vollbildmodus per Klick öffnet. Nur ein paar JS Dateien im Headbereich des Dokuments nötig um loszulegen.
example31
Dieser Bild Slider ist eine Erweiterung des AJAX-ZOOM jQuery Plugins. Benötigt eine Überholung, da es vor langer Zeit geschrieben und seitdem nich angetastet wurde. Die Erweiterung fügt zusätzliche Funktionalität wie Bullet Navigation durch die Verwendung von Callbacks und AJAX-ZOOM API. Die wichtigsten Optionen können in diesem Beispiel geändert werden, um den fertigen Kopier- und Einfügecode für die Implementierung auszugeben. Da diese Erweiterung sehr einfach geschrieben ist, könnte der Open Source Code die Verwendung von Callbacks und API veranschaulichen.
example31_responsive
Ausgabe des example31 im responsiven Layout.
example32
jQuery responsives Mouseover Zoom + 360° Grad Ansichten, 360° Produkt Tour + Videos in einer Erweiterung. Sie ist im Frontend der AJAX-ZOOM E-Commerce Module integriert und über das Backend dieser Module einstellbar. Die Mouseover Erweiterung ist sowohl ein Mausover Zoom mit hunderten von Einstellungen, als auch ein Bild Slider, welches sich per Standardeinstellung auf Mobilen Geräten einschaltet. Bitte schaun Sie sich dieses Beispiel an, um mehr über weitere Features zu erfahren. Dies ist die neueste Version der Mouseover Zoom Erweiterung, welche für neue Projekte eingesetzt werden sollte!
example32_v3
Legacy Version der Mouseover Zoom Erweiterung. Es ist responsiv nur für das Flyout-Fenster. Sollte nicht für neue Projekte verwendet werden.
example32_v4
Depreciated Version der Mouseover Zoom Erweiterung. Sollte nicht für neue Projekte verwendet werden. Die Migration zur aktuellen Version ist leicht möglich.
example33
Einzigartiger online Hotspot Editor, mit dessen Hilfe Sie spielerisch per Drag & Drop anklickbare Markierungen (Hotspots) auf regulären Bildern, sowie auf 360/3D Objekten kreiert können. Bedarf jedoch ein wenig Übung. Unverzichtbar für erklärungsbedürftige Produkte, Lookbooks und sonstige interaktive Bilder. Das Resiltat - eine JavaScript Datei / Code, ähnlich JSON, jedoch nicht immer ein valides JSON, kann über eine Zeile Code in alle andere AJAX-ZOOM Beipiele eingebunden werden! Der Code kann in einer JavaScript Datei oder in der Datenbank abgespeichert werden. Um Hotspots auf 360 oder Bildern einzublenden brauchen Sie nicht unbedingt diesen Editor. AJAX-ZOOM verfügt über zahlreiche API Functionen, um Hotspots auch dynamisch aus anderen Quellen zu erzeugen.
example33_clean
Sauberes (ohne viel unnötigen Code) Beispiel mit einer 360 Grad Produktpräsentation und übermäßig vielen Hotspots.
example33_fullscreen
Öffnen des 360 Grad Produkt Players mit Hotspots als volles Browserfenster on load.
example33_responsive
Eine 360 Grad Produktanimation mit zusätzlichen hotspots, welche in ein container mit variabler Höhe und Breite geladen ist.
example34
Dies ist eine Demo, bei der AJAX-ZOOM Hotspots verwandte API-Funktionen weitgehend ausgenutzt werden. Die Aufgabe war es, ein Beispiel zu schaffen, bei dem Teile des Bildes dynamisch aus OCR-Daten hervorgehoben werden konnten. Die Informationen sollten aus in XML-Dateien gespeicherten und geladen Daten ausgelesen wurden. Die unterstützten OCR-Systeme sind "hOCR" und "ALTO", wobei es ganz einfach ist, die Skripte anzupassen, um andere Schemata zu unterstützen. Wir haben auch dieses Beispiel erweitert, um innerhalb dieser OCR-Daten zu suchen und implementierten eine autosuggest Javascript-Box. Es kann sowohl nur in der geladenen "Seite", als auch einer Reihe von Bildern (Bücher, Zeitung, technische Zeichnungen ...) suchen. Das Auswählen eines Wortes führt dazu, dass eine Liste von Seiten und Übereinstimmungen innerhalb des Satzes von Seiten erzeugt wird. Seiten, die kein gesuchstes Wort enthalten, werdem in der vertikalen thumbnails Galerie verborgen. Ausgewählte Wörter werden dann auf einer bestimmten Seite hervorgehoben und der Benutzer kann in dieses Wort hineinzoomen, indem er auf dynamisch generierte Schaltflächen klickt. Als Entwickler kannst Du diese Demo mit deinem Code erweitern. Ein perfektes Werkzeug für Museen, digitale Archive und Verlage. Insbesondere mit der neu eingeführten Galerie-Swipe-Funktion auf allen Geräten ist es unschlagbar...
example35
Erstellen Sie "verwaltete / managed" 360-Grad-Produkttouren mit Hilfe dieses großartigen Editors. Sofern Sie es schon mal benutzt haben, können Sie diese Touren ohne jeglichen technischen Hintergrund innerhalb von weniger als einer Minute erstellen. Dies, sofern Ihre Texte für Beschreibungen bereit sind eingefügt zu werden, was auch aber weggelassen werden könnte. Die Produkttouren sind auch mit Hotspots und Daten aus dem Hotspot-Editor kombinierbar, so dass die Produktpräsentationen nur durch Ihre Phantasie und dies ohne kostspielige Hightech-Technologien begrenzt sind... Der Produkt-Tour-Editor ist auch in unsere E-Commerce-Plugins integriert. Die Ergebnisse werden im example32 (Frontend-Skript) automatisch geladen. Das einzige, was innerhalb diesen Editors wirklich getan werden muss, ist die Bereiche der Bilder auszuwählen, die Sie als wichtig zur weiteren Erforschung erachten. Der Edor erzeugt eine Thumbnails-Galerie, in der Sie weitere Überschriften und Texte einfügen können. Auch können Sie aus einem Dutzend von "zoomTo" und "spinTo" Animationstypen auswählen. Ein wirklich nützliches und einfach zu bedienendes Werkzeug. Lassen Sie uns wissen, wenn Sie irgendwelche Ideen haben, wie man es noch besser macht... Aber auch hier ist es nicht unbedingt notwendig den Editor zu benutzen. AJAX-ZOOM verfügt über die API und Bespiele (z.B. example10), mit der Sie ähnliche Effekte aus alternativen Datenquellen erzeugen können.
example35_adaptive
Eine Vorlage für die Präsentation von 360-Grad-Produkttouren oder hochauflösenden Bildtouren mit einer vertikalen oder horizontalen Galerie. Sie werden je nach Bildschirmgröße und Proportionen ein- und ausgeschaltet.
example35_clean
Produkttour mit senkrechter Galerie.
example35_clean_horizontal
Produkttour mit horizontalen Galerie.
example35_gallery
Produkttour mit einer Galerie ohne miniaturansichten Slider, also freien Layout.
example35_responsive
Responsive Vorlage für Produkttouren und einer vertikalen Galerie mit über JavaScript veränderbarer Player Gräße als Beispiel.
example36
Vorstellung der AJAX-ZOOM API $.fn.axZm.loadAjax360Type; Es wird ein anderes 360-Grad-Produkt-Spin der gleichen Größe an Stelle des geladenen injektiert, wobei die Zoom-Ebene und Frame-Nummer unverändert bleiben. Perfekt für 360 Produktkonfiguratoren.
example36_widget
Ein Proof of Concept, wo Klick auf 360 die gleiche Animation in einem Overlay-Fenster öffnet. Innerhalb dieses Fensters wird ein Interface mit "spinTo" - Schaltflächen und Beschreibungen dynamisch erstellt. Alle Titel- und Beschreibungsdaten werden in einem JSON-Objekttyp definiert... Der kommentierte Javascript-Code verwendet AJAX-ZOOM API-Funktionen und Callbacks / Hooks, ist aber nicht zu einem Plugin geformt. Es kann angesehen und einfach aus dem Quellcode kopiert werden.

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

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