Spin 360-3D

Spin 360° 3D Viewer

360° Drehung und 3D Model-Betrachter

DEMO

Installation

1. 1. Lade Dir das Plugin Spin 360° herunter und installiere es
   2. Rufen Deine Plugins-Seite über das WordPress-Dashboard auf und aktiviere es
   3. Verwenden diese Kurzwahlen (Shortcodes), um zu posten oder eine Seite zu erstellen

   defaults: canvas_name=”s1″, aspect_ratio=1.33333, speed=-1.0, loop=true hide_cmds=zoom,fullscreen

   Verwende beim Einfügen von Shortcodes unbedingt den HTML-Editor!
   Prüfe, ob die Anführungszeichen genau das richtige Symbol sind (Alt 34).

   4.  Verwende jpg oder png Bilddateien, um Dei Modell als dynamische Sequenz anzuzeigen.0001.jpg, 0002.jpg, …, 0048.jpg (4 digits name) Deine Bilder wie folgt: 0001.jpg, 0002.jpg, …, 0048.jpg (4 digits name)

      Für png wie folgt: 0001.png, 0002.png, …, 0048.png (4 digits name) und füge img_type=png Deinem img_type=png

      Bei 3D-Modellen kann die Bildsequenz mithilfe der Blender- Drehtischanimation erstellt werden dein_wordpress_uploads_ordner/spin360show Deine Projektbilddateien in einen Unterordner von dein_wordpress_uploads_ordner/spin360show (d.h. “dein_wordpress_uploads_ordner/spin360show/my_product/” ) über einen Standard-FTP-Zugriff

   5. Ändere den CSS-Stil, um einige Funktionen anzupassen
   • Gehe in die css/spin-style.css , um einen css/spin-style.css zu ändern
   6. Klicke auf Stop, um die Animation zu stoppen, klicke mit der linken Maustaste auf das Model und halte sie fest, um sie nach rechts oder links zu bewegen, ein Doppelklick, um die Animation neu zu starten oder umzukehren

   Shortcode-Parameter:

   • canvas_name = Name der Leinwand, wenn mehrere Shows auf derselben Seite angezeigt werden (erforderlich)
   • imgs_folder = Ordner des Bildsequenzprojekts; dh: “spin360demo/” oder “my_product” (erforderlich)
     imgs_nbr = beliebige Anzahl > 1; dh: 100 Screenshots (erforderlich)

   Hinweis: 0001.jpg, 0002.jpg, …, 0100.jpg (4 digits name) Deine Bilder wie folgt: 0001.jpg, 0002.jpg, …, 0100.jpg (4 digits name)
   oder für png wie folgt: 0001.png, 0002.png, …, 0100.png (4 digits name) und füge img_type=png hinzu
   Mische jpg nicht mit png-Bildtypen im selben Projektordner.

   • Geschwindigkeit = beliebige Anzahl > 0,1 und <10; dh: 1,5; Negative Werte starten die Animation umgekehrt
   • aspect_ratio = beliebige Zahl, dh: 1.3333 für ein Seitenverhältnis von 4/3
   • Ändere die css/spin-style.css , um einen bestimmten css/spin-style.css anzupassen (als Farbe für das Laden von css/spin-style.css oder Schaltflächen).
   • loop = true oder false (Standardeinstellung ist true)
   • autostart = true oder false (Standardeinstellung ist true) Die Animation wird beim Laden automatisch gestartet
   • Gesture = ‚horizontal ‘(Standardeinstellung) führt eine Animation nach links / rechts aus. Der Wert „Vertikal“ führt zu einer Animation bei Mausbewegung nach oben / unten
   • hide_cmds = all, fullscreen, reverse, zoom oder false (Standard ist false)
   • button_color = ‚# 00ABFF ‘(Standard) HTML-Farbwerte