Jquery плъгин за завъртане на 3D обект - Corner spoOky

обект

jquery плъгин за завъртане на 3d обект

  • размер на шрифта намалете размера на шрифта увеличете размера на шрифта
  • Тюлен

Здравейте, много онлайн магазини имат такова нещо като 3D стоки. С курсора на мишката можете да разгледате обекта от всички страни, като по този начин оцените външния вид на всички 360 градуса. Има малко плъгини за такъв ефект върху jQuery и всички те имат както предимства, така и значителни недостатъци. За мен задачата беше да внедря ротация, така че:

1. завъртя се автоматично при зареждане на страницата; 2. беше възможно ръчно завъртане на обекта; 3. имаше бутони за управление.

За мен библиотеката treesixty.js беше изходът. Но първо за основите. Мисля, че е очевидно, че всеки плъгин или библиотека няма да може да „завърши“ самия обект. Така или иначе ще ви трябват n-брой изображения от всички страни. Всъщност всички библиотеки работят по един и същи начин. Позволете на курсора на мишката да "превърта назад" кадрите на изображението. С други думи, вие определяте колко снимки имате, плъгинът ги зарежда и с курсора на мишката (контролни бутони) вие по същество разглеждате предишното или следващото изображение, като анимация в светкавица. Колкото повече такива рамки имате, толкова по-плавна е анимацията, но и толкова по-голяма е тежестта на сайта.

Защо threesixty? Първо, гъвкавост. Можете да зададете автоматично завъртане, можете да зададете "показване" на контролите. Второ, най-плавната анимация тук беше по някаква причина. От минусите: трябва ясно да посочите броя на кадрите в init, размерите и самите изображения трябва да бъдат 1.jpg (разширението също може да бъде посочено), 2, 3, 4 и т.н.

За да започне ротацията автоматично, трябва да добавите play() към функцията за извикване;

Сегада видим на практика.

Ясно е, че първо трябва да свържем библиотеката и jquery