НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ ЯДЕРНЫЙ УНИВЕРСИТЕТ МОСКОВСКИЙ ИНЖЕНЕРНО ФИЗИЧЕСКИЙ ИНСТИТУТ (НИЯУ МИФИ) Работа с галереями на сайтах valmemo.ru и nano-e.ucoz.ru Выполнил: Студент группы А4-11 Комлев А.А. Преподаватель: Доцент Лапшинский В.А. Москва 2011 Галерея MooFlow MooFlow – это скрипт одной из самых популярных и красивых галерей. В ваше распоряжение попадает множество полезных функций. Следует заметить, что скрипт бесплатный, но это ни чуть не портит его достоинства. Вот несколько доступных функций: • авто-установка всех изображений в элементе • авто-изменение размеров при изменении размера окна • выбор полноэкранного просмотра • листание колесом мышки • листание клавишами клавиатуры (влево и вправо) • петля представления автоигры • работа через javascript • загружать изображения через json • загружать изображения с HTML-источника с фильтром выбора • создает пользовательский интерфейс автоматически • изменение пользовательского интерфейса через CSS • просмотр полноразмерных фотографий • можно запустить несколько экземпляров Но есть и несколько недостатков: • нет возможности напрямую работать с ftp • нет администраторского интерфейса • нет счетчика просмотров и возможности комментирования фотографий Не смотря на эти недостатки, галерея довольно привлекательная и проста в использовании. Галерея FancyBox FancyBox – это скрипт одной из самых популярных галерей. С выходом новой версии появляется вставлять не только фотографии, но и видео, новый странички, да и вообще все что угодно в iframe. Следует заметить, что скрипт бесплатный, но это ни чуть не портит его достоинства. Вот несколько доступных функций: • возможность скрывать контент по клику на полноразмерном изображении. Может принимать значения «Да» или «Нет». По умолчанию «Нет» • указывается скорость эффекта (в миллисекундах) при открытии полноразмерного изображения. По умолчанию – 0, т.е. без эффекта • указывается скорость эффекта (в миллисекундах) при закрытии полноразмерного изображения. По умолчанию – 0, т.е. без эффекта • возможность показывать или не показывать дополнительный слой, который «затемняет» основное содержимое страницы. Может принимать значения «Да» или «Нет». По умолчанию «Нет» • прозрачность для дополнительного слоя, если конечно он включен. Изменяется от 0 до 1 • определяет ширину контейнера, если выводится iframe и внутреннее содержимое • определяет высоту контейнера, если выводится iframe и внутреннее содержимое • определяет пользовательскую функцию, которая выбирает группу фотографий для отображения Недостатков у данной галереи я не нашел. Подготовка фотографий Обработка фотографий перед публикацией По сути никаких ограничений для работы с галереей MooFlow не существует, но я бы дал несколько советов, для того, что бы сохранить дисковое пространство сайтов но не потерять качество изображений. Редактирование галереи происходит через редактирование кода. Разрешенные типы файлов для данной галереи: jpg, png, bmp, gif некоторые другие типы изображений. Разрешение фотографий желательно не больше 1280 x 800 (ширина x высота) px. Сжимать фотографии советую в JPEG, а графические файлы с малым количеством цветов, например, чертежи и схемы, в GIF. Если ваши фотографии имеют большее разрешение по ширине или высоте – не страшно, но лучше не полениться и воспользоваться любым редактором изображений для уменьшения размеров файлов. Подготовка видео Обработка видео перед публикацией Для добавления файлов в галерею FancyBox есть тоже несколько правил. Редактирование галереи, так же как и в MooFlow, происходит через редактирование кода страницы или элемента. Разрешенные типы файлов для фрэймов: практически любые типы изображений, видео ролики с YouTube, а так же любые странички и сайты. Обработка файлов минимальна. Характеристики изображений можно использовать такие же как и для галереи MooFlow. Видео обрабатывается только для загрузки на любой видео-сервер. Я использовал видео-сервер YouTube. Единственное ограничение для видеофайлов это длительность. Если канал не популярен, то продолжительность видео должна быть не более 15 минут. Заключение В будущем галереи будут дорабатываться, а пока остановимся на этом. Рис.1 «Пример фотогалереи» Рис.2 «Пример видеогалереи» Список сайтов 1. Мемуарный сайт ВАЛ’а // http://www.valmemo.ru 2. Сайт наноэлектроники // http://nano-e.ucoz.ru 3. Домашняя страница скрипта MooFlow // http://www.outcut.de/MooFlow 4. Домашняя страница скрипта FancyBox // http://www.fancybox.net/ 5. Канал YouTube // http://www.youtube.com/user/ArsenyKomlev |