PHP фотогалерея (часть 3)

Главная » Уроки PHP » PHP фотогалерея (часть 3)

PHP урок № 238

Задумка такая, при выборе фотографии на странице index.php (кликнув по ней), эта фотография открывается в полном размере в новом окне, сверху появляется строка навигации, отсчёт в ней(строке навигации), начинается с номера этой фотографии в БД. Будут сделаны указатели: следующая фотография (Next), предыдущая фотография (Васк), указатель начала просмотра, всех фото по этой теме и указатель перемещающий просмотр в конец галереи. Файл о котором идёт речь, получил название general-view.php. Именно он и будет отвечать за показ фотографий в полном размере.

Вы наверно уже обратили внимание, что фотографии представленные в ходе разработке сайта, как примеры, имеют одинаковый размер по ширине. От этого и будем отталкиваться, ширина полноразмерного изображения не будет превышать 1024px. Это сделано для удобства просмотра и эстетики. Чисто визуально приятнее воспринимать ряд фотографий имеющих один размер даже если они подогнаны к нему, с помощью различных приёмов. То же самое касается и файлов мини картинок (копии больших), их ширина составляет 200px.

Создан ещё один файл необходимый для работы системы фото галерея. Называется он var.inc - этот файл содержит и в последствии ещё будет пополняться всеми переменными которые участвуют в передаче информации между страницами сайта. Некий такой буфер, для обработки передаваемых данных и приведению их в удобочитаемые переменные. Смысл заключается в том, чтоб не писать каждый раз проверку передаваемой информации через глобальную переменную ($_POST или $_GET), а ограничится одним подключаемым файлом, в котором и будет происходить весь этот процесс. Размещаться он будет в корне сайта.


<?php

///////////////// ПЕРЕМЕННЫЕ ///////////

$id_theme = htmlspecialchars($_GET['id_theme']); // ID темы галлереи

$id_photo = htmlspecialchars($_GET['id_photo']); // ID фотографии 

 // количество фото выводимых в строку

$num_row = htmlspecialchars($_GET['num_row']); 

// значение кнопки, изменит кол-во фото в строке

$butt = htmlspecialchars($_REQUEST['butt']);

// номер страницы

$page = htmlspecialchars($_REQUEST['page']); 

// имя большой фотографии

$big_photo = htmlspecialchars($_REQUEST['big_photo']); 

// имя большой фотографии

$link = htmlspecialchars($_REQUEST['link']); 

// страница начала вывода big_photo 

$start = htmlspecialchars($_REQUEST['start']);      

///////////// конец - ПЕРЕМЕННЫЕ ///////////

?>

.green {
color: #363;
}
.red {
color: #F03;
}
.orange {
color: #F63;
}
.autorize {
padding: 30px;
width: 650px;
position: relative;
background-color: #DFEAFF;
border: medium dashed #FFF;
margin-left: -325px;
left: 50%;
top: 200px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 0.8em;
color: #999;
font-weight: bolder;
}
.autorize label #button {
background-color: #FFF;
width: 250px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1.5em;
font-weight: bolder;
color: #999;
position: relative;
left: 50%;
margin-left: -25%;
height: 40px;
}

.autorize .login label #textfield {
font-size: 30px;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
color: #9FCFFF;
background-color: #FFFFE6;
border: thin solid #FFF;
}

.autorize .login {
margin: 5px;
padding: 40px;
width: 450px;
position: relative;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
color: #09F;
font-size: 2.3em;
}
.autorize .password {
margin: 50px;
padding: 40px;
width: 450px;
position: relative;
}

Понравился урок? Не пропусти следующий!

Рекомендованные уроки этого раздела:

Хотелось бы увидеть урок по созданию фотогалереи без использования БД (файловой) с загрузкой фото на сайт, автоматического создания миниизображений (тумбочек) и возможностью комментирования.

labean 09.08.2011 08:35:29

Спасибо за ответ, жду с нетерпением.