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

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

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

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



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

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



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



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


Гость 2012-04-24 в 17:55Спам
супер!
1
Чтобы оставить комментарий или отзыв под этой публикацией,
зарегистрируйтесь или войдите.