http://uploads.ru/i/x/s/J/xsJTv.gif

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

Автор и источник:
Неизвестно

Архив:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.


Установка:
Качаем архив, и создаем в вашем ФМ папку "3d", загружаем все в нее и там где хотим видеть етот еффект 3D, то есть галерею, ставим етот код:

Код:
<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>

Отредактировано papas_tm_serjik (26.05.2012 00:57)