Вывод 5 фото на главной

MARAZM

28 дек 2015 г., 19:38

Изменено

КИДАЛА!!! Дел не иметь!

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_

28 дек 2015 г., 20:24

# MARAZM (28.12.2015 / 19:38)
Cтал немного раздуплятся в CSS...
Мой вариант вывода последних 5 фото на главной.
в /pages/mainmenu.php в нужном месте вставить код
пример

$req = mysql_query("SE

зачет

MARAZM

28 дек 2015 г., 20:28

Изменено

КИДАЛА!!! Дел не иметь!

_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>';

MARAZM

28 дек 2015 г., 21:14

Изменено

КИДАЛА!!! Дел не иметь!

рандомный вывод 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>';

Zeen

28 дек 2015 г., 21:47

Потому что я Бэтмен

MARAZM, убери увеличение, а то такая хрень получается...

MARAZM

28 дек 2015 г., 22:04

КИДАЛА!!! Дел не иметь!

Zeen, вверху целых 3 варианта в одном из которых увеличения нет,а именно 2ой по счету.

Бермудский

28 дек 2015 г., 22:54

Треугольник

Понрвилось на примере.
Неплохо было бы что-то подобное сделать на загрузцнтре от флая.
Из нужной папки фотки подобным образом выводить.
Сделай, плиз.))

MARAZM

28 дек 2015 г., 23:56

Изменено

КИДАЛА!!! Дел не иметь!

Бермудский, ставить древнее версию и копатся нет желания...попробуй сам

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" />

ДоХтор

29 дек 2015 г., 0:13

MARAZM, Кстати, теги стилей вроде правильно писать так:

<style type="text/css"> /*...*/ </style>

venom

29 дек 2015 г., 1:27

Люди берегите воду - пейте пиво...

# ДоХтор (29.12.2015 / 00:13)
MARAZM, Кстати, теги стилей вроде правильно писать так:
<style type="text/css"> /*...*/ </style>

style хватит ...