HTML-pedia
Веб-строительство

Сообщество
Веб-потребителей

Навигация

JavaScript

Фотогалерея FrogJS

Чтобы организовать показ фотографий на сайте с помощью скрипта FrogJS вам необходимо:

1. Скачать скрипт FrogJS (размер архива 82kb)

2. В распакованном архиве находим папку scripts и помещаем ее в корневую папку своего сайта.

3. В html-код страницы на которой будет проводится показ фотографий, между html-тегами <head>...</head>, поместить html-код:


<script src="scripts/prototype.js" type="text/javascript"> </script>
<script src="scripts/scriptaculous.js?load=effects" type="text/javascript"> </script>
<script src="scripts/frog.js" type="text/javascript"> </script>

HTML-код ссылки для вывода картинок:


<a href="images/1.jpg" title="фото №1">
<img src="images/1_thumb.jpg" alt="Подробное описание картинки">
</a>
<a href="images/2.jpg" title="фото №2">
<img src="images/2_thumb.jpg" alt="Подробное описание картинки">
</a>
<a href="images/3.jpg" title="фото №3">
<img src="images/3_thumb.jpg" alt="Подробное описание картинки">
</a>

Текст указаный в атрибутах title и alt будет выводиться на экран вместе с фотографиями.

Пример фотогалереи работающей на скрипте FrogJS


При использовании материалов «HTML-pedia» ссылка на сайт html-pedia обязательна.

© 2009 «html-pedia»
Хостинг от uCoz