рандомный вывод 5 фото с увеличение при наведении
* (+/-)
?>
<style>
.thumbs {
display: inline-block;
}
.thumbs:hover .thumb {
transform: scale(0.9);
/* Уменьшаем все фотографии */
}
.thumb {
background: #297770;
/* Цвет рамки */
padding: 1px;
/* Толщина рамки вокруг картинки */
transition: 1s;
/* Время перехода */
}
.thumb:hover {
transform: scale(3.3) !important;
/* Увеличиваем фотографию */
}
</style>
<?
$req = mysql_query("SELECT `id`, `user_id`, `album_id`, `tmb_name` FROM `cms_album_files` ORDER BY RAND() DESC LIMIT 5 ");
echo'<div style="display: block; text-align: center; padding: 3px; padding-bottom: 15px; max-width: auto; margin: auto; background: #a4a4a4; position: relative;">';
$num = 0;
while ($res = mysql_fetch_assoc($req)){
$num++;
echo'<div style="display: inline-block; position: relative; top: '.($num % 2 ? 0 : 15).'px; margin-left: -15px;" class="thumbs"><a href="/users/album.php?act=show&al='.$res['album_id'].'&img='.$res['id'].'&user='.$res['user_id'].'&view"><img style="border: 3px solid #f7f7f7;" src="/files/users/album/' . $res['user_id'] . '/' . $res['tmb_name'] . '" width="75" height="75" class="thumb"/></a></div>';
}
echo'</div>
<div style="display: block; text-align: center; padding: 3px; max-width: auto; margin: auto; background: #ff9900; position: relative;">
<b>'.htmlspecialchars($_SERVER['HTTP_HOST']).'</b> – универсальное средство для общения, поиска друзей и одноклассников, который ежедневно посещает всё больше и больше людей!</div>';