Ajax Russia : Аякс по-русски

Все кто использует Mac OS или iTunes на Windows видели эффект Coverflow. Очень удобно и красиво. Finn Rudolph тоже так думал и написал Imageflow - такой же эффект на джаваскрипте.

Для полноценной работы скрипта потребуются кое какие возможности сервера. А именно PHP 4.3.2 и выше, а также GD 2.0.1 и выше. Это нужно для эффекта отражения.

Если это всё на сервере есть, то установка довольно простая:

1. Скачать и распаковать Imageflow (screen.css, imageflow.js, reflect.php, loading.gif и slider.png) на сервере.
2. Подгрузить css и джаваскрипт.
   PLAIN TEXT
   HTML:

   1. <link href="screen.css" rel="stylesheet" type="text/css" media="screen" />
   2. <script src="imageflow.js" language="JavaScript" type="text/javascript"></script>

3. Написать HTML для фоток.
   PLAIN TEXT
   HTML:

   1. <div id="imageflow">
   2.     <div id="loading">
   3.         <b>Loading images</b><br/>
   4.         <img src="loading.gif" width="208" height="13" alt="loading" />
   5.     </div>
   6.     <div id="images">
   7.         <img src="reflect.php?img=my_dir/my_image_1.jpg" longdesc="URL_1" alt="Image_1" />
   8.         <img src="reflect.php?img=my_dir/my_image_2.jpg" longdesc="URL_2" alt="Image_2" />
   9.         <img src="reflect.php?img=my_dir/my_image_3.jpg" longdesc="URL_3" alt="Image_3" />
   10.     </div>
   11.     <div id="captions"></div>
   12.     <div id="scrollbar">
   13.         <div id="slider"></div>
   14.     </div>
   15. </div>

Тут можно посмотреть DEMO.