Návod pre vloženie 360° obrázku alebo fotografie na projekt Webnode skrz responzívne vnorené okno.

1. Prejdi do služby Momento360.com. Na tomto webe si môžeš vytvoriť účet zadarmo a nahrávať tam svoje obrázky a fotky. Vytvor si účet a nahraj svoj súbor.

Ak máš fotky nahrané na inom serveri, nájdi možnosť zdieľania takýchto súborov.

2. Keď už máš obrázok nahraný, klikni na ikonku pre zdieľanie a zvoľ SHARE OR EMBED A LINK. 

3. Budeme potrebovať prvú časť kódu, po otáznik. Okno s Momento teda nechaj otvorené, vrátime sa sem čoskoro.

4. Stiahni nasledovný dokument s kódmi a skopíruj jeho prvú HTML časť do schránky.

5. V editore Webnode otvor stránku, kam chceš obrázok vložiť. Na konkrétnom mieste klikni vľavo, aby sa ti zobrazilo malé čierne plus a zvoľ HTML. Tam vlož prvú časť kódu. 

6. Teraz sa vráť na stránku Momentu a skopíruj prvú časť odkazu - po otáznik. Tento odkaz vlož do HTML kódu namiesto XXXXXXXXXX.

7. Teraz na hornej čiernej lište klikni na Stránky. Zvoľ stránku, na ktorej máš kód s obrázkom, otvor SEO nastavenia a do poľa pre hlavičku vlož CSS kód z dokumentu, ktorý si pred chvíľou stiahol.

Ak máš aktívny balíček Štandard a vyšší, kód môžeš vložiť do globálnych nastavení webu - bude tak platiť pre všetky budúce 360 stupňové obrázky na webe.

8. Zmeny publikuj.

Výsledok: