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

Для полноценной работы скрипта потребуются кое какие возможности сервера. А именно PHP 4.3.2 и выше, а также GD 2.0.1 и выше. Это нужно для эффекта отражения.
Если это всё на сервере есть, то установка довольно простая:
- Скачать и распаковать Imageflow (screen.css, imageflow.js, reflect.php, loading.gif и slider.png) на сервере.
- Подгрузить css и джаваскрипт.
- Написать HTML для фоток.
HTML:
-
<div id="imageflow">
-
<div id="loading">
-
<img src="loading.gif" width="208" height="13" alt="loading" />
-
</div>
-
<div id="images">
-
<img src="reflect.php?img=my_dir/my_image_1.jpg" longdesc="URL_1" alt="Image_1" />
-
<img src="reflect.php?img=my_dir/my_image_2.jpg" longdesc="URL_2" alt="Image_2" />
-
<img src="reflect.php?img=my_dir/my_image_3.jpg" longdesc="URL_3" alt="Image_3" />
-
</div>
-
<div id="captions"></div>
-
<div id="scrollbar">
-
<div id="slider"></div>
-
</div>
-
</div>
-
Тут можно посмотреть DEMO.
del.icio.us Забобрить!4 Comments so far
Leave a reply
Класс - очень понравилось - обязательно где-нить использую… правда грузится не очень быстро - судя по всему потому что фотки все сразу загружаются - без подгрузки - но это я думаю мелочи
Да.. класс.. если бы еще на аяксе этот скрипт… чтобы по 10 фоток выбирал…
Хороший скрипт. Попробую вставить на сайт на страницу со скриншотами программ.
Тормозной скрипт.