360/3D Non-responsive Animation

Unter gewissen Bedingungen macht es Sinn die 360/3D Animation mit fix definierten Höhe & Breite Werte zu konfigurieren.

 

iframe mit fixer Höhe/Breite platzieren

<iframe src="https://www.mydomain.com/360grad/rollboy_braun/rollboy_braun.html" height="340" width="458" frameborder="0" allowfullscreen name="meiniframe" id="meiniframe">Alternativtext</iframe>

 

src="“ URL der HTML Datei angeben

name="meiniframe" Name des Inlineframe kann frei gewählt werden

id="meiniframe" iframe id Attribute

 

 

iframe mittig platzieren

Um den iframe in einer Zelle der Tabelle auszurichten (zB.: mittig platzieren) kann das „align“ Attribute verwendet werden.

 

<p align="center">

<iframe src="https://www.mydomain.com/360grad/rollboy_braun/rollboy_braun.html" height="340" width="458" frameborder="0" allowfullscreen name="meiniframe" id="meiniframe">Alternativtext</iframe>

</p>

 

Nach dem Einfügen und Speichern des Codes wird dieser geladen. Lade den Browser gegebenenfalls neu, falls die 360 Grad Animation noch nicht angezeigt wird.

 

Mit der Angabe von height oder width wird das Fenster (indem die Animation abläuft) mit einer fixen Größe erstellt. Dies kann bei unterschiedlichen Endgeräten bzw. Anzeigegrößen von Internetbrowsern dazuführen, dass nicht skaliert wird und zum Beispiel nur ein Teil der Anination am Bildschirm sichtbar ist. Abhilfe kann hier ein "Responsive Design" schaffen.

Kommentar schreiben

Kommentare: 0