Designfire.ru - блог о дизайне, обо мне, ну и немного о заработке в сети. Это не очередной сайт с кисточками для фотошопа. Это мой личный блог, в который я буду записывать все свои попытки научиться чему-то новому. Так что будем учиться вместе !

Фотогалерея одним файлом

Одному моему знакомому на статичном сайте нужно было разместить на отдельной страничке много фотографий, а чтобы смотреть на них и размещать было удобно, он попросил найти какую-то простую в установке галерею.

photogalereya

Находка мне понравилась мне своей простотой и я решил поделиться с вами, быть может кому-то пригодится.

One-File Free Photo Web Gallery — однофайловая фотогалерея, которая состоит из папки pagemap-imagewall с файла index.php, этот файлик и выполняется все основные фунции: самостоятельно создает уменьшенные изображения-миниатюры, расставляет фотографии по странице в зависимости от количества снимков.

При наведении на уменьшенную копию фотографии она подсвечивается, при нажатии — разворачивается оригинальные размер.

Вот скрин (уменьшенный в несколько раз):

gallery

Встраивать эту галерею в дизайн страницы я не пробовал. Просто закидывал в папку pagemap-imagewall фотографии и указывал на сайте ссылку, где можно просмотреть гарелерею с фотографиями.

Посмотреть Демо

Можно найти более функциональные и удобные решения, но эта галерея на столько проста, что заслуживает свою долю внимания.

Скачать галерею

Буду раде, если кому-то этот простенький скрипт пригодится. Удачного использования!

 

Если вам интересно читать этот блог, подпишитесть на RSS feed
Сделайте это сейчас!

Комментарии (14)

Cheerful

Пригодится. Спасибо)

Эдуард

Спасибо. уже пригодился.
давно искал такой

Алексей

Что-то не пойму как это работает.
Распаковал папку с index.php , добавил в эту папку фотографии, а что дальше? как сказать index.php откуда брать файлы? (открываю в coda и при тесте страницы показывается, что картинок не найдено)

Designfire

Алексей, скидываете себе на сайт папку галереи pagemap-imagewall. В нее загружаете фотографии. Галерея должна работать по адресу ваш_сайт.ру/pagemap-imagewall/index.php

Алексей

Designfire, я уточню: я копирую на хостинг папку, в которой только файл index.php. Затем в эту же папку кидаю фотографии. И вуаля?

PS спасибо за ответ

Designfire

Алексей, да, именно так все и должно быть :)

Алексей

буду пробовать, спасибо!

Эдуард

Чтобы файлы фотографий брались из определенной папки ее нужно прописывать в конфигурационном файле, который создается автоматически при первом обращении к index.php .
Все это и многое другое описано в ридми.тхт содержащемся в архиве со скриптом.

Saganet Dogonate

Блин,а как можно на яндекс сайте поставить эту штуку?Я через конструктор,мастерская у меня сдохла,подскажите плиз,очень надо!!!НАдое го вставить как ссылку,пожалуйста!!!

Designfire

Saganet Dogonate, не знаком с яндекс сайтами, поэтому не смогу помочь )

Saganet Dogonate

ну на народе сайты,в общем как в HTML PHP)

Saganet Dogonate

Как в HTML вставить PHP

Марина

закинула в корневую папку, все там есть, но на сайте ничего нет..

скорее всего я не правильно делала, но как правильно не могу понять.

Александр

Распишу по пунктам
1)закидываем папку с галереей в корень сайта
можете создать папу с любым названием в корне сайта и поместить в не файл index.php галереи
2)заполняем папку фотографиями
3)в меню или в кнопку на сайте прописываем прямой путь до файла index.php галереи
приведу пример на моем сайте
td-steklo.ru/catalog/katalog peskostrui/arki/index.php
т.е в корне есть папка каталог, в папке каталог (папка)раздел пескоструй, в папке пескоструй категория арки!!!! вот в этой то папке(арки) и лежит мой index.php


Оставить комментарий


Ваше имя (обязательно)
Ваше e-mail (обязательно)
Ваш блог или сайт