|
|
 |
- Подробности
-
Категория: PHP. Графика
Часто для оптимизацации изображения или достижения плакатного эффекта количество цветов в гамме сокращают. В библиотеке GDLib для этого предназначена функция imagetruecolortopalette(). Напишем небольшой скрипт, который принимает единственный параметр $_GET['color'], равный количеству цветов в конечном изображении.
<?php
if ( !isset( $_GET['color'] ) )
$color = 256;
else
$color = (int)$_GET['color'];
// Проверяем корректность параметра $_GET['color']
if( $color < 2 ) $color = 2;
if( $color > 256 ) $color = 256;
// Создаем изображение на основе существующего
$image = imagecreatefromjpeg( 'image.jpg' );
if( $image ) {
// Уменьшаем количество цветов
imagetruecolortopalette( $image, true, $color );
// Отправляем HTTP-заголовок Content-type
header( 'Content-type: image/gif' );
// Выводим изображение в браузер
imagegif( $image );
// Уничтожаем изображение в памяти
imagedestroy( $image );
}
?>
Файл index.html демонстрирует работу скрипта:
<img src="/image.jpg" alt="" />
<img src="/image.php?color=60" alt="" /><br/>
<img src="/image.php?color=30" alt="" />
<img src="/image.php?color=15" alt="" /><br/>
<img src="/image.php?color=5" alt="" />
<img src="/image.php?color=2" alt="" />
- Подробности
-
Категория: PHP. Графика
Фотогалерея: просмотр файлов в каталоге с постраничной навигацией
8 Июль 2008, 10:40
Пусть у нас есть каталог (директория), содержащий файлы изображений и мы хотим создать удобный интерфейс для их просмотра. Было бы неудобно выводить все файлы изображений в каталоге — ведь их может быть очень много. Следовательно, необходимо сделать постраничный вывод: по 10 (20, 30) изображений на страницу, а внизу — ссылки на остальные страницы.
Для этого мы должны прочитать все содержимое каталога (исключив директории и файлы, не являющиеся картинками), записать в массив, отсортировать, а потом просто вывести не все содержимое массива, а только нужные элементы (например, с 0 до 9 или с 10 по 19).
Подробнее: * Фотогалерея: просмотр файлов в каталоге с постраничной навигацией
- Подробности
-
Категория: PHP. Графика
СКАЧАТЬ ВСЕ ФАЙЛЫ
В этом уроке мы сделаем вывод изображения на сайт из папки случайным образом с помощью скрипта PHP Random Image Rotation — это основная функция скрипта. Также с помощью этого же скрипта сделаем вывод случайной html-страницы через iframe и случайной таблицы стилей CSS.
demosourse
1. Случайное изображение. Создадим папку на сервере rotate_image и туда положим изображения и сам скрипт rotate.php (изображения желательно привести к одному размеру, например 400*100 px)
В нужном месте страницы вставляем очень простой код:
<img src="/ rotate_image /rotate.php" alt="Случайное изображение" width="400" height="100" />
Все. Наш скрипт работает.
Подробнее: PHP Random Image Rotation — случайное изображение на сайте
- Подробности
-
Категория: PHP. Графика
При работе с галереями очень раздражает смена страниц. В данном уроке мы создадим автогенерирующую одностраничную галерею с бесконечной прокруткой контента с использованием PHP и AJAX.
demosourse
Шаг 1. Эскиз проекта
Мы начнем с обычной страницы галереи, которая содержит контейнер для наших изображений, и будем отслеживать позицию прокрутки с помощью вызова функции JavaScript с коротким интервалом. Каждый раз, когда полоска прокрутки будет находиться внизу страницы, мы будем делать AJAX запрос ко внешнему PHP файлу, который возвращает список имен изображений. После чего, все что нужно сделать — добавить эти изображения к нашему контейнеру, и модифицировать высоту страницы, премещая позицию прокрутки выше.
Схема работы приложения
Шаг 2. Разметка HTML
Подробнее: Создаем веб-галерею с бесконечной прокруткой. PHP и AJAX
- Подробности
-
Категория: PHP. Графика
В этом уроке мы создадим классную галерею изображений, которая будет использовать новейшие техники CSS3 и jQuery.
Скрипт будет способен сканировать папку изображений на Вашем сервере и создавать "drag and drop" галерею с ипользованием лайтбоксов.
Также галерея будет оптимизирована для поисковиков и кроссбраузерна.
Мы будем использовать jQuery, jQuery UI (для "drag and drop"), плагин fancybox, а также PHP и CSS для интерактивности и стилизации.
demosourse
Шаг №1 — XHTML
Главная идея заключается в том, что PHP будет генерировать необходимый код XHTML для каждого изображения. Сгенерированный код позднее вставляется в demo.php.
demo.php
<!-- Контейнер: -->
<div id="gallery">
<!-- Ячейка для распространения фото -->
<div class="drop-box">
</div>
</div>
<div class="clear"></div>
<!-- Это конвертируется в модальном окно с УРЛом изображения: -->
<div id="modal" title="Share this picture">
<form>
<fieldset>
<label for="name">URL of the image</label>
<input type="text" name="url" id="url" class="text ui-widget-content ui-corner-all"
onfocus="this.select()" />
</fieldset>
</form>
</div>
Подробнее: Красивая галерея с помощью PHP и CSS3
|
|
|
|
