360 градусов вращение товара в карточке

[kasik]

Нарендерил товар с 36 ракурсов, теперь не могу найти программу бесплатную для того, чтобы объединить их в файл, который можно будет вращать в карточке товара.

Может кто сталкивался и знает программы?

PS: сайт на wordpress

[tartaren]

Давненько делал подобное с помощью программ для создания панорам, их много разных, в некоторых можно было сделать флеш ролик или гифку. Поищите создание 3D объектов в поисковиках.

[alexburn]

Можно gif-ку запилить

[kasik]

Можно gif-ку запилить

гифку нельзя останавливать или вращать самостоятельно

[alexburn]

гифку нельзя останавливать или вращать самостоятельно

ну значит как-то скриптами делать (ни разу такого не попадалось)

[kasik]

ну значит как-то скриптами делать (ни разу такого не попадалось)

вот несколько сайтов, где это реализовано:
[spoiler]
http://www.a-r-s.ru/shoot/3d-foto.htm

http://foto-razumov.ru/3D_foto_tovarov.html

http://360.com.ua
[/spoiler]

[tartaren]

Наберите в поиске: Создание 3d объектов на сайте. Вот один из первых результатов: [spoiler]http://kopirka-ekb.ru/3d-obekt-na-sajte-bez-flash[/spoiler]

[kasik]

Наберите в поиске: Создание 3d объектов на сайте. Вот один из первых результатов: [spoiler]http://kopirka-ekb.ru/3d-obekt-na-sajte-bez-flash[/spoiler]

спасибо, попробую

[kasik]

Вроде получилось,
[spoiler]http://panchan.com.ua/rotate/123.htm[/spoiler]
но теперь не пойму как это впихнуть в карточку товара, это же отдельная страница получилась.

Подскажите плз.

[ВикторияИ]

Подскажите плз.

Просто Вам надо внедрить на желаемую страницу скрипты:

Код Выделить Развернуть




<script type="text/javascript" src="jquery-beono-globus.js"></script>

<style>
.beonoGlobus {
position: relative;
overflow: hidden;
}


</style>
  <div class="beonoGlobus">
  <img alt="photo" src="images/rotation.jpg"/>
</div>

<script type="text/javascript">
// Set frames count and get last object
var obGlobus = $(".beonoGlobus").beonoGlobus({ framesCount: 36, api: "all"});

// Set auto rotation mode
obGlobus.setRotationMode("auto");
obGlobus.setRotationSpeed(50);
obGlobus.rotateLeft();
</script>