Новое · Участники · Правила · Поиск · RSS

  • Страница 1 из 1
  • 1
3D галерея на JavaScript
pro100kasper
Offline
Дата: Понедельник, 04.06.2012, 18:41 | Сообщение # 1
Гл. Админ сайта
Группа: Администраторы
Сообщений: 61
Репутация: 0

Эффект 3D на чистом JavaScript. Когда вы будете переходить по картинкам - будет осущатся еффект 3D. Можно применить как ссылку на свою фотогалерею.
Установка!

Качаем архив, и создаем в вашем ФМ папку "3d", загружаем все в нее и там где хотим видеть етот еффект 3D, то есть галерею, ставим етот код:
Code
<html>   
  <head>   
  <title>3D галерея на JavaScript</title>   
  <link rel="stylesheet" href="/3d/main.css" type="text/css" media="all">   
  <script src="/3d/main.js" type="text/javascript"></script>   
  <head>   
  <body>   
   
  <div class="example" id="gall">   
  <img src="/images/pic1.jpg"><span>Описание изображения<br>и еще что-нибудь</span>   
  <img src="/images/pic2.jpg"><span>Описание изображения</span>   
  <img src="/images/pic3.jpg"><span>Описание изображения</span>   
  <img src="/images/pic4.jpg"><span>Описание изображения</span>   
  <img src="/images/pic5.jpg"><span>Описание изображения</span>   
  </div>   
   
  <div class="btm">   
  <div class="pad1">   
  <a class="bottomt" href="http://nizckod.ru">У нас есть всЁ</a>   
  </div>   
  <style type="text/css">   
  .btm {left:0;bottom:0;position:absolute;width:100%;height:46px;background:#3F6082;border-top:2px solid #15202B}   
  .pad1 {padding:13px}   
  .bottomt {padding:13px;font-size:12pt;color:#dedede;text-decoration:none;font-family:Arial}   
  .bottomt:hover {padding:13px;font-size:12pt;color:white;text-decoration:none;font-family:Arial}   
  </style>   
  </div>   
   
  </body>   
  </html>
Прикрепления: 246_325_7jv.rar (424.2 Kb)
 
  • Страница 1 из 1
  • 1
Поиск:
Бесплатный конструктор сайтовuCoz (Development for ucoz CodeNameSkif)