Cтал немного раздуплятся в CSS...
Мой вариант вывода последних 5 фото на главной.
в /pages/mainmenu.php в нужном месте вставить код
пример
* (+/-)
$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;"><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'] . '" /></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>';
_Rusja_, вариант с сайта,а то в 1ом все картинки своего размера и выходит похуже...еще поищу ресайз как сделать.
* (+/-)
$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;"><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"/></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>';
рандомный вывод 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>';
MARAZM, убери увеличение, а то такая хрень получается...
Zeen, вверху целых 3 варианта в одном из которых увеличения нет,а именно 2ой по счету.
Понрвилось на примере.
Неплохо было бы что-то подобное сделать на загрузцнтре от флая.
Из нужной папки фотки подобным образом выводить.
Сделай, плиз.))
Бермудский, ставить древнее версию и копатся нет желания...попробуй сам
cтиль
Маразм, юзай спойлер! )) (+/-)
<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>
а вывод картинки
<div class="thumbs"><img src="путь"...class="thumb" />
MARAZM, Кстати, теги стилей вроде правильно писать так:
<style type="text/css"> /*...*/ </style>
