Создаем информер

Примеры скриптов для Wordpress на PHP

Многие сайты предлагают посетителю разместить на других ресурсах свои информационные баннеры или информеры в виде картинки. У начинающего сайтостроителя частенько возникает желание самостоятельно создать подобный информер и предложить аналогичную услугу другим сайтам. Если Ваш сервер снабжен модулем PHP и библиотекой GD для работы с изображениями, то собрать желаемый информер не составит особого труда. Описываемый ниже скрипт php позволяет создавать не только баннер или информер на сайте, но и выполнять различные операции с изображением – копирование одной картинки в другую, наложение текста на картинку, масштабирование картинки. Таким способом можно создавать на сайте, к примеру, кнопки с меняющимися надписями. Способов применения данного скрипта php бесконечное множество.

Подготовим два рисунка mas.gif и logo.gif, которые в последствии будем соединять или правильнее, копировать один рисунок в другой. Выберем шрифт, файл шрифта можно взять на собственном компьютере – Мой компьютер – Локальный диск C – Windows – Fonts. В данном примере использовался шрифт из файла arial.ttf. Создадим некий файл baner.php в обычном текстовом редакторе и скопируем в него нижеприведенный скрипт php. Данный файл следует сохранить в кодировке сайта без птички в окошке BOM (если такое появится) и скопировать на сервер. Также необходимо скопировать на сервер подготовленные файлы рисунков mas.gif, logo.gif и файл шрифта arial.ttf.

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

<img src=”baner.php?pic” alt=”Информер для сайта” />

При обращении к соответствующей странице сайта, где прописан данный код, будет выполняться скрипт php в файле baner.php, а результатом его работы будет изображение из переменной «pic» и картинка baner.gif. Картинку baner.gif можно использовать на других страницах сайта или на других сайтах, не запуская скрипт php. Собственно сам скрипт с описанием каждой строки приводится ниже. Исходные картинки и получившийся результат.

Исходный рисунок информера Накладываемый рисунок логотипа Получившийся рисунок информера

<?php
/* соединяем два изображения */
header(”content-type: image/gif”); // указываем на тип передаваемых данных
$pic = imagecreatefromgif(”mas.gif”); // выбираем и открываем исходный рисунок в формате GIF
$ins = imagecreatefromgif(”logo.gif”); // выбираем и открываем накладываемый рисунок в формате GIF
imagecopy($pic,$ins,7,8,0,0,39,37); // копируем рисунок logo.gif в mas.gif
 
/* накладываем текст на созданный рисунок */
$fonts=”arial.ttf”; // указываем используемый шрифт
$color=imagecolorallocate($pic, 4, 69, 139); // задаем идентификатор цвета для шрифта
$w = 10; // начальный отступ по вертикали для текста
$h = 20; // начальный отступ по горизонтали для текста
 
imagettftext($pic, 10, 0, $w+38, $h+2, $color, $fonts, “КАК СОЗДАТЬ”); //выводим текст на рисунок первой строкой
imagettftext($pic, 12, 0, $w+42, $h+20, $color, $fonts, “НА САЙТЕ”); //выводим текст на рисунок второй строкой
imagettftext($pic, 10, 0, $w+6, $h+36, $color, $fonts, “СВОЙ ИНФОРМЕР”); //выводим текст на рисунок третьей строкой
 
imagegif($pic); // выводим изображение на экран
imagegif($pic,”baner.gif”); // и сохраняем рисунок в формате GIF
imagedestroy($pic); // освобождаем память и закрываем изображение
?>

В этом скрипте могут возникнуть вопросы при использовании операторов imagecopy, imagecolorallocate, imagettftext. Эти операторы имеют более сложные настройки и с ними придется разобраться. Для оператора imagecopy необходимо указать следующие значения

imagecopy (resource dst_im, resource src_im, int dst_x, int dst_y, int src_x, int src_y, int src_w, int src_h);

Значения dst_im и Значения dst_im и src_im - идентификаторы изображений исходного и накладываемого. В нашем примере исходным является переменная pic с рисунком mas.gif, а накладываемым переменная ins с рисунком logo.gif. Значения dst_x и dst_y – координаты x и y на исходном изображении, куда будет вставлено накладываемое. Значения src_x и src_y – координаты x и y, от которых будет отсчитываться вырезаемая область изображения-источника (размеры этой области задаются параметрами src_w и src_h).

Оператор imagecolorallocate имеет широкие возможности в php, но в нашем примере он работает как идентификатор цвета для шрифта с значениями (img, a, b, c), где abc значения RGB. Оператор imagettftext также навороченный, но в нашем случае он накладывает текст на изображение со значениями ($pic, a, b, $w, $h, $color, $fonts, $text), где a – размер шрифта, b – угол поворота шрифта. С остальными значениями легко разобраться в скрипте php примера.

Чтоб проверить работу скрипта php и наглядно увидеть как накладывается текст или цифры на изображение, можно создать некий файл primer.html и скопировать в него следующий код

<form method=”POST” action=”baner.php”>
Курс доллара ввести <input type=”text” name=”text” size=5″ value=0000/>
<input type=”submit” value=”Внести”>
</form>

В файле baner.php следует заменить текст “КАК СОЗДАТЬ” на значение $text, а вначале файла, после сторки «/* соединяем два изображения */» добавить строку

$text=trim($_POST['text']); // Курс доллара

Залить измененный файл baner.php и созданный файл primer.html на сервер. Если запустить файл primer.html с сервера и ввести любое значение, то на картинке отобразится введенное значение.

Созданную картинку можно сохранить на сервере не в виде рисунка baner.gif, а с названием по времени создания изображения и в определенную папку (к примеру images). Для этого строку imagegif($pic,”baner.gif”) в скрипте php, следует заменить на строку imagegif($pic,”images/”.time().”.gif”). В результате, на сервере будут сохраняться картинки примерно следующего названия - 1277656563.gif. Эти картинки можно в последствии можно использовать по назначению.

В примере использовались картинки формата gif. Аналогичным образом можно работать с картинками формата ipeg и png, при этом следует изменить в скрипте php соответствующие значения, настройки и операторов.

Как создать информер курсов валют для сайтов Казахстана описано в следующем примере.



Комментариев 2 в теме “Создаем информер”

  1. takprosto написал:

    Картинки вывел, а вот текст не хочет.

  2. Admin написал:

    Скрипт полностью рабочий и неоднократно проверялся на сайте.

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

Навигатор по сайту
Яндекс.Метрика Подпишись на новости с сайта
Работа в сети
Работа в интернете
Платежные системы
Социальные сети
Приколы интернета
Социальные сети
Электронная почта
Поисковые ресурсы
Уроки начинающему
Связь
Казахтелеком
Мобильная связь
Новости связи
Провайдеры и хостинг
Монополия Мегалайн
Интернет от Билайн
Скорость интернета
Хостинг для сайтов
Компьютеры
Защита компьютера
Компьютерные новинки
Современные флешки
Беспроводной wi-fi
Диски DVD
Энергия
Экономим энергию
Аккумуляторы и батарейки
Бытовая техника
Новинки техники
Роботы в быту
Выбираем телевизор
Обсуждаем утюги
Стиральная машина
Все о фотоаппарате
Встречаем холодильник
Видеонаблюдение
GPS навигация
Программы
Полезные программы
Программы microsoft
Скрипт php для сайтов
Высокие технологии
Информационные технологии
Нанотехнологии
Высокие технологии
Познавательно
Государство и общество
Обсуждаем чиновников
Частное мнение
Налоги и платежи
Правила дорожного движения
Авторские права
Разное
Инструмент для ремонта
Советы по ремонту