Возник вот такой вопрос) Как сделать чтобы при создании, новости или добавлении файлов можно было добавлять и скриншоты ) вы скажете я дурак и это и так можно) но не суть =)что написал ) Кароче мне надо чтобы когда вот я например добавил 3 скриншота и они отображались в сокращенном виде ( тобиш были как иконки) и отображались в полоску оформленную ) и их если например больше 3-х) можно было прокручивать) а при нажатии они соответственно увеличивались.) усе)
в блок с фиксированной шириной и высотой.С прокруткой(скролингом).
Code
.blokimg{ overflow-y: hidden;/*убираем полосу по Y*/ overflow-x: scroll; /* Добавляем полосу прокрутки по Х */ width: 338px; /* Ширина блока */ height: 154px; /* Высота блока */ white-space: nowrap; /* Запрещаем перенос строк */ }
ну и заключаешь в дивы блока код с скринами,скрины в условниках,все.
Code
<div class="line1">
<table> <tr> <?if($IMG_URL2$)?> <td> <a href="$IMG_URL2$" rel="rr" onclick="return jsiBoxOpen(this)" title="Описание"> <img src="$IMG_URL2$" width="121" height="77" alt="txt если нет img" /></a> </td><?endif?> <?if($IMG_URL3$)?> <td> <a href="$IMG_URL3$" rel="rr" onclick="return jsiBoxOpen(this)" title="Описание"> <img src="$IMG_URL3$" width="121" height="77" alt="txt если нет img" /></a> </td><?endif?> <?if($IMG_URL4$)?> <td> <a href="$IMG_URL4$" rel="rr" onclick="return jsiBoxOpen(this)" title="Описание"> <img src="$IMG_URL4$" width="121" height="77" alt="txt если нет img" /></a> </td> <?endif?> <?if($IMG_URL5$)?> <td> <a href="$IMG_URL5$" rel="rr" onclick="return jsiBoxOpen(this)" title="Описание"> <img src="$IMG_URL5$" width="121" height="77" alt="txt если нет img" /></a> </td><?endif?> <?if($IMG_URL6$)?> <td> <a href="$IMG_URL6$" rel="rr" onclick="return jsiBoxOpen(this)" title="Описание"> <img src="$IMG_URL6$" width="121" height="77" alt="txt если нет img" /></a> </td><?endif?> <?if($IMG_URL7$)?> <td> <a href="$IMG_URL7$" rel="rr" onclick="return jsiBoxOpen(this)" title="Описание"> <img src="$IMG_URL7$" width="121" height="77" alt="txt если нет img" /></a> </td><?endif?> </tr> </table> </div>
Можно сделать через Css целиком,но это просто .Сделал через таблицу,вдруг кто захочет именно так.В итоге не придется самому писать! Принцип понятен : -1 картинка (титульная) остальные выводятся в блок. Добавление происходит через обычную форму добавление картинок на ucoz.
подпись: Люди не добавляйте репы ! Не портите номерок блатной )