| Здесь можно посмотреть демо этого эффекта. Ниже показано, как примерно всё это выглядит применимо к системе uCoz: Установка и реализация: 1. Открываем панель управления сайтом и в файловом менеджере создаём новую папку (название придумайте сами, я назвал photoalbum), в эту папку закачиваете содержимое этого архива. 2. В шаблоне "Главная страница фотоальбома" между и вставляем это:
Code <link rel="stylesheet" href="http://ваш_сайт/photoalbum/style.css" />
<script type="text/javascript" src="http://ваш_сайт/photoalbum/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$(".slideBox").hover(function(){
$(this).find("img").stop().animate({
top:-325
}, 500);
}, function(){
$(this).find("img").stop().animate({
top:0
}, 500);
});
});
</script>
3. В шаблоне "Вид фотографий" удаляем весь код, а вместо него вставим:
Code <div id="container"> <div class="slideBox"> <a href="$PHOTO_URL$" title="$PHOTO_NAME$">$PHOTO$</a> <div class="content"> <h2>$PHOTO_NAME$ </h2> <?if($CAT_NAME$)?><div style="padding-top:1px;">Альбом: <a href="$CAT_URL$">$CAT_NAME$</a></div><?else?><?endif?></p> Размер: $PHOTO_SIZE$ ($PHOTO_WEIGHT$Kb)</p> Добавлено: $DATE$ $TIME$</p> <?if($COMMENTS_NUM$)?><div style="padding-top:1px;">Комментарии:<a href="$COMMENTS_URL$"> ($COMMENTS_NUM$)</a><?else?>Комментариев пока нет<?endif?></p> <a href="$PHOTO_URL$" title="$PHOTO_NAME$">Полный размер</a></p> </div> </div> </div></div> <?if($MODER_PANEL$)?><div style="padding-top:1px;">$MODER_PANEL$<?endif?>
Cохраняем. Примечание: в файле style.css можно отредактировать размеры мини-изображений (подогнать размеры под размеры демо-картинки, установленной вами в настройках модуля "Фотоальбом")
№1 Админ всегда прав. №2 Если нет, сматри пункт №1
| 
