Как сделать интерактивный 3D объект на JQuery.
Всем привет! В этой статье мы рассмотрим, как сделать интерактивный 3D объект при помощи всего нескольких изображений на JQuery.
Чтобы лучше понять, как это в конечном счете будет выглядеть, посмотрите демонстрацию.
Если вас заинтересовала данная тема, и вы хотите установить себе на сайт такой скрипт, то давайте рассмотрим, как это сделать.
Прежде всего, конечно, вам необходимо скачать все необходимые файлы. Найти их вы можете на GitHub. Не забудьте также подключить JQuery и, собственно, сам скрипт.
Теперь создайте необходимую HTML-структуру и загрузите картинки:
<body>
...
<div id="interactive_3d">
<img src="images/frame_1.png">
</div>
...
</body>
Теперь вызовите функцию и все готово:
$("#interactive_3d").interactive_3d({
frames: 10,
cursor: "move",
speed: 0,
entrance: true,
preloadImages: true,
touchSupport: true,
loading: "Loading..",
autoPlay: false
});
Вот так просто можно сделать достаточно крутой и красивый функционал на своем сайте. Особенно, если это интернет-магазин.
Спасибо за внимание!
-
Создано 16.01.2017 07:00:00
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.