Servus,
nach langer Pause und Ruhe in diesem Thread geht es jetzt langsam weiter.
Nach langer Suche habe ich ein, wie ich finde, brauchbares Javascript für die 360°-Ansicht gefunden und dies ein wenig angepasst.
Das Script basiert auf "j360.js" von "
360 degrees product view".
Eingebunden ist es in eine Fancybox via AJAX.
Demo (externe Seite inklusive Download aller angepassten und notwendigen Dateien):
360-Grad Ansicht in FancyBoxWieso ausgerechnet dieses Script?
Nun ja, dafür gibt es meiner Meinung nach einige Gründe:
- es ist klein (unkomprimiert nur 6 Kb groß!)
- es funktioniert in allen gängigen Browsern
- es funktioniert auf mobilen Endgeräten
- MIT bzw. GPL-Lizenz
- Kein Flash notwendig!
- es läßt sich einfach einbinden (Einbinden der Scripte und der CSS-Datei und eine Zeile im Quellcode, das war's)
- getestet mit: IE6-IE10(Preview), FF, Opera, Safari, Chrome (alle unter Windows), HTC Desire und Hannspree Hannspad (jeweils Android)
Todos:
- IE6 und IE 7 haben noch Layoutprobleme
- Test auf IPhone / IPad mangels fehlender Hardware derzeit nicht erfolgt (Tester hierfür herzlich willkommen, siehe Demo-Link)
- Erweiterung um Zoom-Funktionalität (hier könnte/brauche ich definitv externe Unterstützung
)
- Erstellung Modul und Anleitung für modified eCommerce Shopsoftware
- Erstellung eines Tools zum Generieren fertiger Bildersets (hierzu später noch etwas mehr)
- Erstellung Dokumentation zum Selbstbau eines Drehtellers ("Prototyp" existiert bereits und funktioniert wunderbar, hierzu ebenfalls später mehr)
Prinzipielle Funktionsweise:
Die Fancybox ruft über AJAX eine HTML-Datei vom Server auf (diese liegt im gleichen Verzeichnis wie die zugehörigen Bilder), in dieser sind die Bilder hinterlegt; das Script sorgt nun für die Drehung via Maus oder Toucheingabe.
Hier sehe ich einen gewissen Vorteil, denn die Html-Datei ist eigentlich relativ einfach gehalten (siehe Downloadpaket unter obigem Link).
Diese Datei lässt sich einfach per Editor erstellen bzw. könnte dies mit einem einfachen Tool automatisiert werden. Ich dachte hierbei an ein kleines Java-Tool, damit es unabhängig vom Betriebssystem genutzt werden kann; Als Ergebnis könnte?? hier beispielsweise eine Zip-Datei heraus kommen, somit wäre der Upload von nur einer Datei, welche alle notwendigen Datien enthält, relativ problemlos möglich. Beim Erweitern des Admin-Backends um die Upload-Funktionalität bzw. dem Entpacken der Zip-Datei auf dem Server könnte ich Hilfe gebrauchen, also: Freiwillige vor!
Vorschläge oder Anregungen bzw. Unterstützung hierfür sind herzlich Willkommen!
Zum Erstellen der notwendigen Bilder gibt der Markt das ein oder andere Brauchbare her, allerdings ist dies natürlich auch immer eine Frage des Budgets; Links zu möglicher Hardware hatte ich hier bereits in diesem Thread gepostet.
Wer allerdings keinen manuellen Drehteller nutzen möchte, die Kosten für ein automatisches System allerdings scheut oder nicht aufbringen will oder kann, für den gibt es natürlich noch die Möglichkeit, eine Selbstbauvariante zu nutzen. Eine Anleitung hierfür folgt in den nächsten Tagen, hier vorab ein paar Eckpunkte zu meinem Drehteller:
- Budget etwa 400 € (grob geschätzt!!!) exklusive Arbeitszeit
- Microkontrollergesteuert
- komplett aus im Handel erhältlichen Teilen erstellt
- Belastung des Prototyps bis 20kg erfolgreich getestet
- auswählbare Bilderanzahl: 20, 24, 30, 36, 40 Bilder
- Kameras mit Klinkensteckereingang (Fernbedienung) werden automatisch ausgelöst (die Bilderstellung erfolgt automatisch)
- Zur Erstellung der Bilder ist KEIN (!!!) PC erforderlich, lediglich die Nachbearbeitung erfordert einen Rechner.
Haken und Ösen dieses Selbstbauprojektes:
- ein wenig handwerkliches Geschick und das ein oder andere Werkzeug sind definitiv notwendig!
- Einen PC mit serieller Schnittstelle (zur einmaligen Programmierung der Microkontrollers)
- fotografisches Geschick ist erforderlich bzw. von Vorteil!
So, das war's erstmal.
Falls Ihr Fragen habt oder Anregungen, Verbesserungsvorschläge usw. sind diese herzlich willkommen, ebenso könnte ich hier und da ein wenig Unterstützung bei der Fehlerbehebung bzw. Erweiterung des Scriptes gebrauchen!
Gruß Tobi