3D галерея на JavaScript

3D галерея на JavaScript

17.04.201222701

Эффект 3D на чистом JavaScript будем моделировать с помощью z-index. Т.е. изображения не будут эффектно поворачиваться, вращаться, но небольшое ощущение и эффект 3D все-таки есть. Переходы по изображениям осуществляются по кликам на них. Чтобы окончательно понять работу галереи, посмотрите пример. окончательно понять работу галереи, посмотрите пример.

Код HTML (Файл index.html)



В DIV можно поместить нужное количество изображений с их описаниями.

Код CSS (Файл style.css)



Код JavaScript (Файл script.js)



Это наиболее важная часть галереи. Наша 3D галерея содержит следующие функции: init, resize и run. Каждый объект, фотография (PGObj) имеет собственный набор переменных, и несколько основных функций – для анимации и onclick обработки.



Сохраните в социальную сеть
Комментарии (1)
Гость 24.04.2012 в 17:55Спам
супер!
1
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт