Как вывести картинку через php


Урок по выводу картинки на php Здравствуйте дорогие друзья, сегодняшняя небольшая заметка будет посвящена выводу изображения посредством PHP. Не так давно я писал о том, как разместить картинку на сайте, сегодня мы сделаем тоже самое на php. Итак, давайте перейдем к делу.. Допустим, у меня имеется вот такая вот картинка: изображение авто Она располагается (в моем случае) по адресу:
/wp-content/uploads/2013/12/auto.jpg
Мне нужно вывести эту картинку на экран, зная её адрес - это делает командой "echo" Приведу сразу весь код с комментариями..
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf8'>
<META name='description' CONTENT='Здесь описание для Вашей страницы..'>
<META name='keywords' CONTENT='Здесь ключевые слова для Вашей страницы'>
<title>Здесь впишите заголовок Вашей страницы..</title>
</head>
<body>

<!-- Открываем PHP код -->
<?php

//Выводим наше изображение..
 echo '<img src="/wp-content/uploads/2013/12/auto.jpg">';

//Закрываем PHP код
?>

</body>
</html>

Как вывести картинку в цикле

Если вам необходимо вывести одну и ту же картинку многократное количество раз, то для этого воспользуемся, например, циклом "FOR" Код будет выглядеть следующим образом..
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf8'>
<META name='description' CONTENT='Здесь описание для Вашей страницы..'>
<META name='keywords' CONTENT='Здесь ключевые слова для Вашей страницы'>
<title>Здесь впишите заголовок Вашей страницы..</title>
</head>
<body>

<!-- Открываем PHP код -->
<?php

$count = 10; //Количество выводимых картинок

 for($i = $count; $i > 0; $i--) //Выводим картинку пока переменная "count" больше 0

 //Выводим картинку с новой строки, дописав в конце "<br>"
 echo '<img src="/wp-content/uploads/2013/12/auto.jpg"><br>';

//Закрываем PHP код
?>

</body>
</html>
На это данный небольшой урок закончен, желаю вам удачи!


Раздел: Программирование

Дата последнего изменения: 2013-12-12 17:44:23

Просмотров: 16280

Читайте также:

Игра Угадай число на JavaScript!
Html таблица на JavaScript
Сортировка пузырьком на JavaScript
Движущаяся машина на JavaScript!
Видео галерея на JavaScript!
Падающий мяч на JavaScript!
Генератор случайных картинок на JavaScript!
Как изменить фон страницы на JavaScript

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

* Комментарий: (отменить ответ)

* Ваше имя:

Ваш e-mail:

*