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

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

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

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



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

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



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



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

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