Функциональная галерея на PHP и jQuery

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

demosourse

Первым делом создаем костяк нашей галереи:

<div id="container">
<div id="heading"> <!-- Заголовок -->
  <h1>A cool jQuery gallery</h1>
  </div>
  <div id="gallery"> <!-- это блок для изображений -->
<?php

  //здесь идет PHP код
  ?>
<div class="clear"></div> <!-- using clearfix -->
  </div>
<div id="footer"> <!-- футер -->
  </div>
</div> <!-- закрывающий div -->

PHP

Идея очень проста - PHP скрипт будет сканировать папку на наличие изображений. После этого эти изображения с помощью CSS & jQuery будут превращаться в красивую галерею. Пользоваться подобной галерей очень просто - достаточно только загрузить картинки в папку и результат сразу будет виден на странице.

$directory = 'gallery';	//название папки с изображениями
$allowed_types=array('jpg','jpeg','gif','png');	//разрешеные типы изображений
$file_parts=array();
  $ext='';
  $title='';
  $i=0;
//пробуем открыть папку
  $dir_handle = @opendir($directory) or die("There is an error with your image directory!");
while ($file = readdir($dir_handle))	//поиск по файлам
  {
  if($file=='.' || $file == '..') continue;	//пропустить ссылки на другие папки
 $file_parts = explode('.',$file);	//разделить имя файла и поместить его в массив
  $ext = strtolower(array_pop($file_parts));	//последний элеменет - это расширение
 $title = implode('.',$file_parts);	
  $title = htmlspecialchars($title);	
 $nomargin='';
  if(in_array($ext,$allowed_types))	
  {

  if(($i+1)%4==0) $nomargin='nomargin';	//последнему изображению в ряде присваевается CSS класс "nomargin"
  echo '
  <div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat 50% 50%;">
  <a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a>
  </div>';
 $i++;	
  }
  }
closedir($dir_handle);	//закрыть папку

Сканируя файлы папки и пропуская файлы не изображения, у нас накапливается XHTML код для каждого изображения. Код (линии 28-39) состоит из контейнера с классом pic (и в некоторых случаях nomargin). С помощью атрибута style мы устанавливаем фоновое изображение в виде нашего изображения. Мы позиционируем картинку в центре, используя 50% 50%. Таким образом изображение выравнивается как по горизонтали, так и по вертикали. Если изображение больше блока, мы видим только центральную его часть (ту часть, которая помещается в контейнер). Таким образом, у нас получаются красивые миниатюры (без необходимости уменьшение самого изображения).

Это хорошо работает с "нетяжелыми" изображениями. Постарайтесь, не загружать в папку 10 мегапиксельные фото :).

В блоке находится ссылка, которая ведет к полноразмерному изображению. Название файла служит значением атрибута title. Плагин lightBox использует эти значения и преобразует картинки в галерею. Чтобы изменить описание изображения, необходимо его переименовать.

У Вас может возникнуть вопрос по поводу класса nomargin! Для чего он нам нужен? У каждого изображения в галерее есть правый и нижний отступ. Это означает, что последний элемент в каждом ряду не сможет выравняться с правой частью заголовка блока. Это выглядит непрофессионально. Поэтому мы присваеваем специальный класс, который убирает правый отступ для последнего элемента в ряду. В итоге, мы получаем красивый результат.

CSS

Теперь давайте все немного оформим:

/* first reset some of the elements for browser compatibility */
  body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}
body{	/* body */
  margin-top:20px;
  color:white;
  font-size:13px;
  background-color:#222222;
  }
.clear{	/* clearfix класс */
  clear:both;
  }
a, a:visited {	
  color:#00BBFF;
  text-decoration:none;
  outline:none;
  }
a:hover{	
  text-decoration:underline;
  }
#container{	
  width:890px;
  margin:20px auto;
  }
#heading,#footer{	
  background-color:#2A2A2A;
  border:1px solid #444444;
  height:20px;
  padding:6px 0 25px 15px;
  margin-bottom:30px;
  overflow:hidden;
  }
#footer{	
  height:10px;
  margin:20px 0 20px 0;
  padding:6px 0 11px 15px;
  }
div.nomargin{	/* nomargin класс */
  margin-right:0px;
  }
.pic{	
  float:left;
  margin:0 15px 15px 0;
  border:5px solid white;
  width:200px;
  height:250px;
  }
.pic a{	
  width:200px;
  height:250px;
  text-indent:-99999px;
  display:block;	
  }
h1{	
  font-size:28px;
  font-weight:bold;
  font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
  }
h2{	
  font-weight:normal;
  font-size:14px;
  color:white;
  }

jQuery

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

<link rel="stylesheet" type="text/css" href="lightbox/css/jquery.lightbox-0.5.css">
  <link rel="stylesheet" type="text/css" href="demo.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.pack.js"></script>
  <script type="text/javascript" src="script.js"></script>

Еще немного магии:

// после загрузки страницы
  $(document).ready(function(){
 $('.pic a').lightBox({
  
 imageLoading: 'lightbox/images/loading.gif',
  imageBtnClose: 'lightbox/images/close.gif',
  imageBtnPrev: 'lightbox/images/prev.gif',
  imageBtnNext: 'lightbox/images/next.gif'
 });
});

Тут мы просто подключаем несколько изображений для правильной работы лайтбокса.

Наша галерея готова! Мне нравится! :)

 

Данный урок подготовлен для Вас командой сайта ruseller.com
Источник урока: www.tutorialzine.com
Перевел: Максим Шкурупий
Урок создан: 14 Сентября 2009
Просмотров: 40713
Правила перепечатки

5 последних уроков рубрики "PHP"

  • Валидируем даты

    Недавно я узнал, что Zend_Date может использоваться в двух модах iso и php, причём iso используется по умолчанию.

  • Помощники видов и модули

    Недавно я столкнулся с тем, что мне необходимо было получить доступ к помощнику вида из модуля по умолчанию. Проблема была в том, что доступ нужно было получить из другого модуля. Я столкнулся с этим из-за того, что мой layout.phtml использует помощников, которые расположены в application/views/helpers.

  • Убираем index.php из URL

    Если вы успели заметить, то Zend Framework использует помощник вида baseUrl() для того, чтобы сформировать ссылку к CSS и другим статическим файлам. Но работа скрипта нарушается, если URL содержит строку index.php.

  • Создание собственного объекта View с Zend_Application

    Предположим, что вам необходимо создать свой объект вила (view) в приложении Zend Framework. О том, как правильно это сделать, узнаете в этом уроке.

  • Форма в вашем layout

    Часто возникает вопрос о том, как расположить одну форму на всех страницах вашего Zend приложения. Допустим я хочу расположить форму подписки в файле layout.phtml для того, чтобы она располагалась на каждой странице. Команда layout->content() работает с действиями и контроллерами... Как же реализовать то, что нам нужно?

Комментарии (73):
или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
OPEN ID авторизация
  • 15 Сентября 2009 12:18
    SADIQ
    Привет vsem! Ya perviy! Sps za urok! Ochen interesno! Sapsiba yevgeniy!! webmemar@hotmail.com
  • 15 Сентября 2009 14:29
    tulnikov
    Красиво, оригинально! Спасибо!
  • 15 Сентября 2009 15:36
    Кальяныч
    Классно!
  • 15 Сентября 2009 18:26
    Виталий
    Класс. Как всегда, то что надо.
  • 15 Сентября 2009 23:13
    Стас
    а было бы круто если бы данный скрипт, который сам будет находить картинки в папке и отображать их с помощью лайтбокса, выводил бы еще и одну картинку random-ом просто на сайте... если есть такая вешь поделитесь ссылкой.
  • 16 Сентября 2009 15:19
    Владимир
    Все простенько и со вкусом. Спасибо.
  • 16 Сентября 2009 19:52
    МихаилГорюнов
    Стас, подробней опиши запрос, и всё будет.
  • 17 Сентября 2009 02:30
    Sonic
    Большая просьба к авторам. Пожалуйста доработайте скрипт для отображения нескольких галерей. Лучше ссылками. Например Ссылка на первую галерею, ссылка на десятую галерею. У меня давно крутится мысль создать галерею на PHP+JQuery. Заранее спасибо.
  • 19 Сентября 2009 22:06
    Стас
    Михаил, пусть есть папка с картинками и скрипт который находил бы в этой папке эти картинки и выводил бы одну из них случайно на странице сайта и менял их или через определенное время или при обновлении страницы. вроде все :)
  • 20 Сентября 2009 22:31
    Snoop
    подскажите пожалуйста, а можно этту галерею поставить на сайты ucoz ?? Заранее благодарен за ответ!
  • 28 Сентября 2009 17:23
    icepic
    подскажите позязя, как сделать что картинки брались не из одной директории, а из нескольких сразу?
  • 30 Сентября 2009 12:57
    mobil
    Snoop, PHP на укозе не работает :(
  • 2 Октября 2009 08:45
    DennisVV
    здравствуйте всем! только начинаю осваивать jQuery, поэтому подскажите пожалуйста, где должен находиться последний кусок кода?
  • 3 Октября 2009 13:17
    Денис
    выходт ошибка There is an error with your image directory! ((( почему? на серв ставил исходники
  • 3 Октября 2009 16:13
    Денис
    извеняюсь забыл присвоить права 777 xDDD
  • 8 Октября 2009 12:46
    Make
    Скажи пожалуйста! Дополнишь ли ты свою галлерею, чтобы пользователи могли оставлять комментарии к фотографиям. И еще. Я сделал так, чтобы можно было в эту саму галлерею загружать фотографии, но когда загрузка завершается и обновляется страница, загруженное изображение не отображается, пока не намешь клавишу F5.
  • 19 Ноября 2009 17:42
    Alxnsk
    Сейчас воспринимаются только картинки названные на латинице + разные символы. Как сделать чтобы картинки с русскими именами тоже попадали и также отображались в галлерее? Пробовал менять кодировки и максимум что получилось при windows-1251 (кирилический (Windows)) это то, что катинки открываются только при нажатии на них, комментарий берется тоже нормально, но при предпросмотре, когда много маленьких картинок, отображаются только пустые рамки (белые 5px). Экспериментировал, и, кажется, дело в том что в style к тегу в пути к background нельзя указывать кирилицу. Пробовал подставить к переменной $file htmlspecialchars, тоже ничего не получилось :( помогите, сайт через несколько дней сдавать... З. Ы. И ещё, если знаете, то как перевести на русский все подписи? С картинками, конечно, понятно, а как с подписью под комментарием "Image 2 of 39"?
  • 20 Ноября 2009 14:42
    Alxnsk
    Оказывается файлы не отображались потому что были пробелы в их именах. И ещё круглые скобки тоже не дают пройти в галерею. Перевожу обратно на юникод :) З. Ы. Как перевести на русский так и не понял.
  • 28 Ноября 2009 17:34
    Frey
    Ужасно хотелось бы чуточку расширить функционал, но я, увы, не кодер =( Нужно что бы галерейка понимала вложенные папки как фотоальбомы и отображала их как папки, или как ссылки на папки Если кто-нибудь сможет мне помочь, буду ужасно благодарен, почта freika@list.ru
  • 2 Декабря 2009 16:49
    lato
    Кто нибудь знает принцип, по какому сортируются фотографии? Нужно, чтобы фотки были в определенном порядке. Если знаете, скиньте на krishnew@mail.ru
  • 4 Декабря 2009 00:50
    barabaka
    для Alxnsk (2009-11-19 17:42:51) З. Ы. И ещё, если знаете, то как перевести на русский все подписи? С картинками, конечно, понятно, а как с подписью под комментарием "Image 2 of 39"? Нужно в файле script.js дописать (и не забыть поставить запятую после предыдущей строки) txtImage:'Изображение', txtOf:'из'
  • 4 Декабря 2009 00:51
    barabaka
    в предыдущем комметарии слеши добавились.. их не нужно
  • 6 Декабря 2009 15:07
    qsf
    а не подскажите как ее не к лайтбоксу а к highslide прикрутить чтобы она изображения находила?
  • 6 Декабря 2009 15:42
    qsf
    объясните пожалуйста как заставить скрипт highslide автоматически находить изображения в папках. опыта в работе с пхп мало, а галерею поиску научить уж очень хочется. идея состоит в том чтобы на станице разместилось несколько галерей и их дизайн гармонично сочетался с простотой использования. ума не приложу как потом владелец будет изображения добавлять?(( делать форму в админке это лишний код и трата времени как моего так и конечного пользователя. очень жду вашего ответа. qsf@mail.ru
  • 15 Декабря 2009 19:03
    Mexxman
    Скажите, а на Вордпресс она будет работать и что для этого нужно изменить в коде? Так, как есть не получается сделать вывод фотографий. Спасибо!
  • 17 Декабря 2009 14:04
    Ден
    Здравствуйте Вы можете создать видео урок по этой галерее, так как я новичек не понимаю некоторые моменты. например: Первым делом создаем костяк нашей галереи:??? где создаём??? Допустим у меня есть сайт на нем вкладка галереи, при нажатии на которую галерея должна открыться. Файл от этой странички называется gallery.php, если я правильно понял именно в нём нужно прописать код php. тоесть костяк? в шапке поключить jQuery таблицу стилей со скриптами? Вопрос по классам для них нужно создавать новый style.css или дописать в существующий оформление??? и непонял с последним кусочком кода магии))) его куда дописывать? Спасибо большое.
  • 11 Февраля 2010 13:10
    Debug
    Учите php! Код простой, всего на 40 строчек. Не хотите, покупайте курс автора. Вам и так разжевали все. А с вопросами "Здравствуйте Вы можете создать видео урок по этой галерее, так как я новичек не понимаю некоторые моменты. например: Первым делом создаем костяк нашей галереи:??? " или "Скажите, а на Вордпресс она будет работать и что для этого нужно изменить в коде?"- вам еще рано сайты делать.
  • 13 Марта 2010 16:20
    Akmaljon
    Здравствуйте! Спасибо вам галерея отличная работает но когда я добавляю фото оно открывает новою вкладку. Не срабативаеть lightbox второй раз. Почему???????
  • 13 Марта 2010 16:27
    Akmaljon
    Уже разобрался!!!!! Спасибо Большое!!!!
  • 13 Марта 2010 17:51
    denkut
    Здравствуйте! Скажите как сделать в этой галереи, чтобы было несколько страничек. Картинок очень много и загрузка страницы происходит очень долго. Как сдеалать так чтобы допустим сначало выводилось 30 картинок на одной странице 30 на другой и т.д
  • 15 Апреля 2010 14:23
    Akmaljon
    Выводить на след. вкладку! Что делать??? Подскажите пожалуйста.
  • 5 Мая 2010 11:16
    Erik
    Хорошая галерея. если у вас выводится фотография на следующей странице, может быть две причыны. 1 Не подключеная поддержка джаваскриптов в браузере, 2 Перегрузите Денвер.
  • 15 Мая 2010 08:33
    gloctarr
    Выскакивает такая ошибка, вместо фоток: '.$title.' '; $i++; } } closedir($dir_handle); //закрыть папку //здесь идет PHP код ?> подскажите пожалуйста в чем проблема
  • 17 Мая 2010 05:47
    awror
    Галерея симпатичная и полностью автоматизированная, но тяжела в настройках.
  • 30 Мая 2010 00:46
    Sanek
    Здравствуйте! Подскажите пожалуйста как сделать постраничную навигацию...
  • 21 Июня 2010 13:51
    Жека
    Вопрос постраничной навигации очень актуален...думаю если автор сделает дополнение к уроку или вообще другой урок с подобной галереей + постранич.навигацией .... было бы потрясно ;)
  • 5 Августа 2010 10:49
    Daimon
    помогите пожалуйста! мне не нравится как скрипт показывает превьюшки, получается что берёт середину фотки а остальное обрезает тем самым получается что абсолютно не смотрится. как можно задать авто уменьшение фоток? за ранее спасибо.
  • 21 Августа 2010 18:59
    durogon
    Daimon +1 Скорее всего, как мне кажется надо ковыряться в css lightbox'а, но хотелось бы знать точно
  • 31 Августа 2010 13:21
    evdonik
    Народ вопрос такой,хочу сделать подгрузку пути из базы данных,чтоб автоматизировать все это. Пишет вот что.. There is an error with your image directory! $gallery = $myrow['gallery']; $dir= $gallery; $directory = $dir; Кто нибудь сталкивался?
  • 31 Августа 2010 13:48
    evdonik
    Все решил. Если кому интересно вот решение. $gal= $myrow ['gallery']; $directory = 'gallery'.$gal;
  • 17 Сентября 2010 19:19
    Abandoned
    Как сделать чтобы галерея разбивалась на странички?
  • 21 Сентября 2010 22:01
    kronosua
    народ, попробуйте мой способ реализации галереи http://kronosua.ho.ua/galery/
  • 22 Сентября 2010 23:07
    kronosua
    но она никак не хочет пахать на ІЕ (ишак...)
  • 30 Сентября 2010 22:53
    Abandoned
    Отличная штука :) А как сделать, чтобы на страницы разбивалось? Бесконечная прокрутка - это не гуд...
  • 5 Октября 2010 01:11
    YuRoK
    Присоединяюсь к страждущим. Если автор не забыл про свой пост, или кто то из знающих поделится информацией на тему постраничного вывода, то многие будут благодарны. А сама галерея очень удачная получилась, остановился на ней перебрав более 30 штук.
  • 14 Октября 2010 03:57
    Kalombo
    Здравствуйте! Ребята, подскажите пожалуйста невежде в чем проблема: вместо галереи загружаеться кусок кода – '.$title.' '; $i++; } } closedir($dir_handle); ?> хочется верить что в коде ошибки бить не может,все хвалят!, в чем же может быть проблема? Заранее благодарен!
    • 28 Февраля 2011 01:35
      Евгений Доник
      Kalombo если виртуальный сервер xampp то он не поддерживает короткий код <? ?> попробуй <?php ?>
  • 13 Декабря 2010 22:00
    vzcybr
    Отличная галерея.Хотелось бы ещё чтобы поддерживала кириллицу, и изображения в рамках были просто уменьшенной копией,а не частью изображения.
    • 4 Марта 2011 16:17
      Евгений Доник
      Тем кто хочет использовать не обрезку css а полноценные тумбочки то есть полноценны миниатюры,вот моя малюсенькая доработка,вместо лайтбокса использую fancybox более удобно и красиво. вот собственно доработка вместо кода 
      <div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat 50% 50%;"> <a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a> </div>
Использую код
<div>	<a rel="example_group" href="'.$directory.'/'.$file.'" title="Галерея" target="_blank">	<img src='.$directory.'/'.$file.' " alt="Галерея" width="100" height="150" class="img_left imgshadow" ></a>	</div>
      rel="example_group" Это подключение fancybox для группы фотографий Вот вам решение
  • 14 Декабря 2010 18:27
    Nowinsky
    клааас, поодерживаю vzcybr
  • 19 Декабря 2010 12:06
    Fly_webber
    Всем привет! Нашёл косяк в этом коде. Если имя файла будет с пробелами, то превьюха не создаётся. Решение от меня вот: 
    if(($i+1)%3==0) $nomargin='nomargin';	//последнему изображению в ряде присваевается CSS класс "nomargin" $xxx = $directory."/".$file; ?> <div class="pic <?=$nomargin;?>" style="background:url('<?=$xxx;?>') no-repeat 50% 50%;"> <a href="<?=$xxx;?>" title="<?=$title;?>" target="_blank">'.$title.'</a> </div>; <? $i++;
    Куда вставить и так понятно))
    • 5 Мая 2011 00:43
      prologos
      чего то ты свой код сам с косяками написал...
  • 17 Января 2011 23:35
    MillerLight
    Как миниатюрки сделать чтоб нормальные копии но просто уменьшенные были. Не нужен никакой центр только.... Мне кажется если просто фото умешенно красивее)))
  • 19 Января 2011 02:32
    Difight
    Возник вопрос а как сделать что бы добавленные фото, добавлялись не в конец, а в начало, если кто знает ответ прошу написать greed_nord@mail.ru
  • 11 Февраля 2011 01:06
    aleksys
    а как его на сайт добавить ??
  • 28 Февраля 2011 01:33
    Евгений Доник
    Тем кто хочет использовать не обрезку css а полноценные тумбочки то есть полноценны миниатюры,вот моя малюсенькая доработка,вместо лайтбокса использую fancybox более удобно и красиво. вот собственно доработка вместо кода 
    <div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat 50% 50%;"> <a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a> </div>
    Использую код 
    <div>	<a rel="example_group" href="'.$directory.'/'.$file.'" title="Галерея" target="_blank">	<img src='.$directory.'/'.$file.' " alt="Галерея" width="100" height="150" class="img_left imgshadow" ></a>	</div>
    rel="example_group"
    Это подключение fancybox для группы фотографий
    • 21 Марта 2011 02:14
      BFM174
      подскажите мне
    • 4 Апреля 2011 12:39
      BFM174
      что то все изображения смещаются в левый край если заменить какты написал. Может что то упустил?
    • 4 Апреля 2011 12:43
      BFM174
      ещё кстати изображения те что больше по ширине не сжимаются
    • 5 Апреля 2011 16:54
      micle
      Помогите пожалуйста! как сделать тумбочки в этой галереи пробывал вставлять выше указанные коды но ничего. если у кого то уже есть такая вышлете мне на майл Fryti_Aleks@mail.ru заранее спасибо)!
  • 21 Марта 2011 02:13
    BFM174
    =ПОДСКАЖИТЕ= как сделать так что бы фото были при открытии не больше экрана а по его высоте подгонялись!!??
    • 25 Марта 2011 23:25
      evdonik
      Такое большое фото чтоли???
      • 27 Марта 2011 12:54
        BFM174
        да! так надо
    • 28 Марта 2011 00:11
      mrBrabuz
      мне кстати тоже это очень интересно...так как загружаемая фотка вылазет за грани страницы, особенно если открываеш последнею картинку...((((
  • 29 Марта 2011 22:17
    amel
    Всем привет. Может я не все понимаю, но что значат строчка 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    Что java скрипт находиться на другом сервере? Т.е. При установке на локальную машину скрипт работать будет без соединения с интернетом?
    • 4 Апреля 2011 11:06
      BFM174
      А как убрать недостаток - когда открываешь фото, то серый фон появляющийся сзади закрывает не весь сайт а только до нижней подписи
  • 4 Апреля 2011 11:52
    BFM174
    Если изображение больше блока, мы видим только центральную его часть (ту часть, которая помещается в контейнер). а как сделать что бы всё туда изображение поместить- в миниатюру
  • 4 Апреля 2011 21:31
    fingersbywet
    прикона, но на 1 фото в опере подглючивает(
  • 3 Мая 2011 17:07
    volodka
    Копал, копал и докопался. Для того чтоб рисунок полностю вместился в миниатюру поменяйте код в стили сss, demo.css (если вы скачали исходник) для .pic: 
    .pic{	float:left;	margin:21px;	border:5px solid white;	width:100px;	height:100px;	-webkit-background-size: 100%; /* Масштабируем фон */
}
    • 9 Мая 2011 02:43
      zorg84
      Почему работает только в хроме кто знает подскажите пожалуйста всю плешь себе проел :((((
    • 13 Мая 2011 14:41
      zorg84
      как сделать чтобы фото больших размеров не выходило за граници монитора
      • 13 Мая 2011 15:15
        volodka
        в demo.css надо добавить: 
        background-size: 100%; /* Масштабируем фон */
        если ви добовили раньше то что я писал то просто удалите слово: -webkit- в током случае картинка поместится полностю по ширине а висота будет пропорцеанальная
  • 24 Мая 2011 17:54
    salis
    Есть вопрос! Помогите!!!! как сделать так чтобы фотографии находились на другом сервере к примеру http:\\server2.ru\images\ а не на моём сервере в папке. $directory = 'gallery'; Ну чтобы скинирование папки происходило на другом сервере! HELP!