PHP вывод картинки в ячейку таблицы

Для того чтобы на php сделать вывод картинки в ячейку таблицы, нужно чтобы соблюдались следующие условия:

1. Все названия изображений должны храниться в базе данных, каждое название картинки должно быть уникальным.
2. Все графические файлы, то есть картинки должны храниться в отдельной папке под названием img, image, images, pic,pictures и так далее. Название папки задайте сами.
3. Вы уже заранее должны знать, как выводить картинки в один столбец или в одну линию. Или в каждой строке должно быть по две, три, четыре или более картинок.
 

Как загружать ваши картинки мы рассмотрим чуть позже. А пока выводим изображения из базы данных. Как выводить все картинки из базы в один столбец и показать названия мы уже рассматривали здесь, со всеми наглядными примерами.

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

Код следующий: 

При выводе изображений в таблицу нужно просто придерживаться нескольких условий.

1. Вывод из базы происходит в цикле. Можно использовать несколько функций, например, for, while и так далее.
2. Каждая новая строка начинается с тега <tr>, а новая ячейка с <td>
3. И соответственно, каждая картинка будет встроена между двумя тегами <td> и </td>. И выглядеть будет так <td><img src=`pic.jpg`></td>.
4. Если строка заканчивается, вставляем тег закрытия строки </tr>
5. Обязательно включаем счетчик циклов для подсчета ячеек. Например, задаем переменную $i=0; и в каждом цикле увеличиваем на единицу $++;
6. Если нам нужно выводить по пять картинок, то соответственно, когда переменная $i станет равной пяти ($i==5), то выводим закрывающий тег </tr> и закрываем строку и начинаем новую. А переменной снова присваиваем значение ноль. ($i=0)
7. И так цикл будет продолжаться до тех пор, пока не будут выведены все картины из базы данных.

А по ссылкам внизу вы можете скачать все исходные файлы из этого примера и посмотреть наглядно как это выглядит на тестовой странице.
 

 

 

 

 В архиве находятся все исходные файлы для создания скрипта. Файл config.php для соединения с базой данных. Дамп базы данных prim.sql. Папка с тестовыми картинками и сам файл скрипта для вывода изображений.

Добавить комментарий


( ! ) Ф.И.О.
( ! ) Текст сообщения: (Не больше 5000 знаков)

( ! )Введите текст с картинки :
Обновить код
Положительный отзыв Положительный отзыв
Отрицательный отзыв Отрицательный отзыв



Коллекция скриптов и модулей   © 2017