GalSkif

/* Начало конфигурации */
$thumb_directory = 'img/thumbs';
$orig_directory = 'img/original';
$stage_width=600;
$stage_height=400;
/* Конец конфигурации */
$allowed_types=array('jpg','jpeg','gif','png');
$file_parts=array();
$ext='';
$title='';
$i=0;
 
/* Открываем папку с миниатюрами и пролистываем каждую из них */
$dir_handle = @opendir($thumb_directory) or die("There is an error with your 
image directory!");
$i=1;
 
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);
 
/* Если расширение разрешено: */
if(in_array($ext,$allowed_types))
{
/* Генерируем случайные значения для позиционирования и поворота фото: */
$left=rand(0,$stage_width);
 
$top=rand(0,400);
$rot = rand(-40,40);
if($top>$stage_height-130 && $left > $stage_width-230)
{
/* Prevent the images from hiding the drop box */
$top-=120+130;
$left-=230;
}
/* Выдаем каждое фото: */
echo '
<div id="pic-'.($i++).'" class="pic" style="top:'.$top.'px;left:'.$left.'px;background:url('.$thumb_directory.'/'.$file.') 
no-repeat 50% 50%; -moz-transform:rotate('.$rot.'deg); -webkit-transform:rotate('.$rot.'deg);">
 
<a class="fancybox" rel="fncbx" href="'.$orig_directory.'/'.$file.'" 
target="_blank">'.$title.'</a>
</div>';
}
}
/* Закрываем папку */
closedir($dir_handle);

body{
/* body */
color:white;
font-size:13px;
background: #222222;
font-family:Arial, Helvetica, sans-serif;
}
 
#gallery{
/* Контейнер для фото */
width:100%;
height:580px;
position:relative;
}
 
.pic, .pic a{
/* каждая картинка с ссылкой */
width:100px;
height:100px;
overflow:hidden;
}
 
.pic{
position:absolute;
border:5px solid #EEEEEE;
border-bottom:18px solid #eeeeee;
 
/* CSS3 тень */
-moz-box-shadow:2px 2px 3px #333333;
-webkit-box-shadow:2px 2px 3px #333333;
box-shadow:2px 2px 3px #333333;
}
 
.pic a{
/* Стили для ссылок */
text-indent:-999px;
display:block;
/* Setting display to block enables advanced styling for links */
}
 
.drop-box{
/* Ячейка распространения */
width:240px;
height:130px;
position:absolute;
bottom:0;
right:0;
z-index:-1;
 
background:url(img/drop_box.png) no-repeat;
}
 
.drop-box.active{
/* стиль active вступает в силу при наведении мышки */
background-position:bottom left;
}
 
label, input{
/* Поля для УРЛ в модальном окне */
display:block;
padding:3px;
}
 
label{
font-size:10px;
}
 
fieldset{
border:0;
margin-top:10px;
}
 
#url{
/* Поле УРЛ */
width:240px;
}