Опыт серверного администрирования: 0 часов 0 минут 0 секунд
<?php
$dir = 'images/'; // Папка с изображениями
$cols = 3; // Количество столбцов в будущей таблице с картинками
$files = scandir($dir); // Берём всё содержимое директории
echo "<table>"; // Начинаем таблицу
$k = 0; // Вспомогательный счётчик для перехода на новые строки
for ($i = 0; $i < count($files); $i++) { // Перебираем все файлы
if (($files[$i] != ".") && ($files[$i] != "..")) { // Текущий каталог и родительский пропускаем
if ($k % $cols == 0) echo "<tr>"; // Добавляем новую строку
echo "<td>"; // Начинаем столбец
$path = $dir.$files[$i]; // Получаем путь к картинке
echo "<a href='$path'>"; // Делаем ссылку на картинку
echo "<img src='$path' alt='' width='100' />"; // Вывод превью картинки
echo "</a>"; // Закрываем ссылку
echo "</td>"; // Закрываем столбец
/* Закрываем строку, если необходимое количество было выведено, либо данная итерация последняя */
if ((($k + 1) % $cols == 0) || (($i + 1) == count($files))) echo "</tr>";
$k++; // Увеличиваем вспомогательный счётчик
}
}
echo "</table>"; // Закрываем таблицу
?>
<p class="pass">
<input type="password" placeholder="password" />
<span><a href="#">Edit</a></span>
</p>*{
margin:0;
}
p.pass{
border:1px solid #eee;
display:inline-block;
padding:0 5px 0;
}
input[type="password"]{
border:none;
outline:none;
}
$(window).scroll(function() {
if ($(this).scrollTop() > 1){
$('header').addClass("fixed");
} else{
$('header').removeClass("fixed");
}
});