3D заставка на Three js на ваш сайт

Что бы установить заставку себе на страницу необходимо:
  • 1
    Создать на странице ZeroBlock
  • 2
    В ZeroBlock добавить элемент HTML
  • 3
    Добавить в элемент следующий код:
    <iframe src="https://www3d.ru/3d/swipeCube/index.html" name="myFrame" frameborder="0" height='100%' width="100%"></iframe>

    <script>
    window.onload = function() {
    const obj = {
    // "ссылка для перехода по клику" : "адрес картинки",
    '' : 'https://static.tildacdn.com/tild6432-3536-4333-a464-373132643032/Frame_24_1.png',
    'https://dowebstyle.ru/mini-2-3' : "https://static.tildacdn.com/tild6433-6638-4035-a234-633033396561/image.png",
    'https://dowebstyle.ru/mini-2-1' : "https://static.tildacdn.com/tild3564-3638-4632-b662-646630343339/image.png",
    'https://dowebstyle.ru/mini-1-3' : "https://static.tildacdn.com/tild3164-3863-4233-b964-386263306337/image.png",
    'https://dowebstyle.ru/mini-1-5' : "https://static.tildacdn.com/tild6133-3731-4033-b432-623564663434/image.png",
    'https://dowebstyle.ru/mini-2-2' : "https://static.tildacdn.com/tild3637-6435-4734-a135-616663653035/image.png",
    'https://dowebstyle.ru/minicourse-webdesign' : 'https://dl.dropboxusercontent.com/scl/fi/taam6laym36sa5968y3xu/img8.jpg?rlkey=hyplxjugbs6yto46ofa7av9pi&dl=1'
    }
    window.frames.myFrame.postMessage(JSON.stringify(obj), "*");
    }
    </script>
  • 4
    Заменить ссылки на свои (количество карточек может быть любым)
Made on
Tilda