Скачать FrogJS Javascript Галерея

FrogJS является простым, ненавязчивым JavaScript галерея. It's not a replacement for other thumbnail galleries like Lightbox JS , but a different way of showcasing galleries. Это не является заменой для других эскизов галереи как Лайтбокс JS, но разные способы демонстрации галереи. This type of gallery is best used when a page-by-page gallery is needed, as is the case with photo stories. Этот тип галерея лучше всего использовать, когда страница галереи необходима, как и в случае с фото рассказы. Below is a small example of a FrogJS gallery. Ниже приведен небольшой пример из FrogJS галереи. Just click the parrot thumbnail to scroll through the gallery. Просто нажмите попугай эскизов для просмотра галереи.

Особенности
Image Preloading Image предварительного

Fullsize images are preloaded as the user goes through your gallery, one at a time. Fullsize изображения предварительно, как пользователь проходит через вашу галерею, по одному. The user is shown a loading images while the next image in the series is preloaded. Пользователь показали загрузка изображений при следующем изображения в серии предварительно.
No javascript? Нет JavaScript?

No problem. Нет проблем. A user without javascript enabled will still be able to view your page as a thumbnail gallery. Пользователь без JavaScript позволило прежнему будет иметь возможность просмотреть страницу в качестве эскиза галерея. They just won't get all the fancy animations. Они просто не будут получать все модные анимации.
Supports any image size Поддержка любых размеров изображения

FrogJS was created to work with any image size. FrogJS был создан для работы с любым размером. Thumbnails are placed at the left and right edges of the FrogJS DIV and the main image is centered within that DIV. Эскизы находятся в левой и правой кромок из FrogJS DIV и основные изображение в центре, что DIV. All you have to do is leave enough room for everything (ex. if your thumbnails are 100px wide and your main image is 400px wide, you'll need to set your FrogJS DIV's width to at least 600px). Все, что вам нужно сделать, это оставить достаточно места для всего (напр., если ваш эскиз 100px широкий и основного изображения 400 пикселей мире, вам нужно установить FrogJS DIV в ширину, по крайней мере, 600px).
How to install Как установить

FrogJS was designed to be as simple to use as possible. FrogJS была призвана быть прост в использовании, насколько это возможно. All you'll need is a basic understanding of HTML and you should have your FrogJS gallery up in no time. Все, что вам нужно это базовое представление о HTML, и вы должны иметь ваш FrogJS галерея в считанные секунды.

1. 1. Скачать FrogJS v1.1распаковать его и загружать файлы на свой веб-сервер.
2. 2. On your HTML page, create a thumbnail gallery with the following format. На вашей странице HTML, создать эскиз галереи со следующим форматом. You may use as many or as few images as you would like. Вы можете использовать столько или несколько изображений, как вы хотели.

All of your links must be inside a DIV with its ID set to “FrogJS”. Все ваши ссылки должны быть внутри DIV с ID установлен на "FrogJS". Also note that any elements within the FrogJS DIV will be removed once the FrogJS gallery loads. Также следует заметить, что каких-либо элементов в FrogJS DIV будут удалены после того, как FrogJS галерея нагрузок. The `rel` attribute is optional and defines what URL will open if the main image is clicked. В `` Rel атрибут является необязательным, и определяет то, что URL будут открыты, если основное изображение нажали.
3. 3. Put the includes for frog.js, prototype.js, and scriptaculous.js in the section of your webpage. Положите включает frog.js, prototype.js и scriptaculous.js в разделе Вашего сайта. Below is an example of the code. Ниже приведен пример кода.

The locations of each file may vary depending on where you uploaded them to your server. Место каждого файла могут варьироваться в зависимости от того, где Вы загрузили их на сервер.
4. 4. That's it! Вот оно! Your gallery is done. Ваша галерея сделать.
Customizing FrogJS Настройка FrogJS

Within the frog.js file, there are a few options you can customize for your gallery. В frog.js файл Есть несколько вариантов можно настроить для вашей галереи. These options are located near the top of the frog.js file under the heading “// CONFIGURATION VARIABLES”. Эти параметры находятся в верхней части frog.js файл под названием "/ / КОНФИГУРАЦИЯ ПЕРЕМЕННЫХ".
Have images open in a new window Ли изображения открываются в новом окне

To make the link open in a new window you'll have to edit your copy of frog.js. Для того чтобы открыть ссылку в новом окне вам придется изменить свою копию frog.js. Find line 174 and replace it with the following code: Найдите строку 174 и заменить его на следующий код:

Compatibility Совместимость

FrogJS has been tested and works in the following browsers: FrogJS была протестирована и работает в следующих браузерах:

* Internet Explorer 6 Internet Explorer 6
* Internet Explorer 7 Internet Explorer 7
* Firefox 2.0 Firefox 2.0
* Safari 2.0 Safari 2.0
* Opera 9.1 Опера 9.1

There are known issues in the following browsers: Существуют известные проблемы в следующих браузерах:

* Opera 9.02 Опера 9.02

(Перевод с английского)