X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Фотоальбом
viliksar
viliksar
Topic Starter сообщение 20.4.2014, 11:02; Ответить: viliksar
Сообщение #1


Ребята помогите советом, как прикрутить фотоальбом вот этот
В хедере есть код, на сколько я понял это единственный код для работы фотоальбома. Я между <head></head> вставляю этот код:
<style type="text/css">
/* --- альбом начало --- */

#holder {position:relative; background:transparent url(pic1b.gif) 175px 54px no-repeat; margin-bottom:10px; z-index:1;}
#scrollbox {width:400px; height:80px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:75px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left; font-size:11px;}
a.slidea {background:url(photoalbum-im/im1.jpg);}
a.slideb {background:url(photoalbum-im/im2.jpg);}
a.slidec {background:url(photoalbum-im/im3.jpg);}
a.slided {background:url(photoalbum-im/im4.jpg);}
a.slidee {background:url(photoalbum-im/im5.jpg);}
a.slidef {background:url(photoalbum-im/im6.jpg);}
a.slideg {background:url(photoalbum-im/im7.jpg);}
a.slideh {background:url(photoalbum-im/im8.jpg);}
a.slidei {background:url(photoalbum-im/im9.jpg);}
a.slidej {background:url(photoalbum-im/im10.jpg);}


a.gallery span {display:block; position:absolute; left:150px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:12px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:402px; height:280px; top:49px; left:70px; padding:5px; color:#000; background:#fff; z-index:100; font-size:12px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:280px; top:49px; left:70px; padding:5px; color:#000; background:#fff; z-index:50;}

#thumbs {width:840px; height:60px;}
#pad {height:320px; width:100px;}

/* --- альбом конец --- */

</style>


Этот кусок кода, редактирую под себя, а именно например если у меня всего две фотки для альбома, то делаю так:
a.slidea {background:url(air.jpg);}
a.slideb {background:url(f.jpg);}


Фотоальбом не отображается :nea:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 22.4.2014, 12:30; Ответить: Degradator
Сообщение #2


добавьте html, например
<div id="container">

<div id="showcase">

<div id="info">
<div id="holder">

<br><br><br>

<div id="pad"></div>

<div id="scrollbox">
<div id="thumbs">
<a class="gallery slidea" href="#"><span><img src="photoalbum-im/01.jpg" alt=""><br>400х250, рисунок-1.jpg<br>
Описание фотографии</span></a>

<a class="gallery slideb" href="#"><span><img src="photoalbum-im/02.jpg" alt=""><br>400х250, рисунок-2.jpg<br>
Описание фотографии</span></a>

<a class="gallery slidec" href="#"><span><img src="photoalbum-im/03.jpg" alt=""><br>400х250, рисунок-3.jpg<br>
Описание фотографии</span></a>

<a class="gallery slided" href="#"><span><img src="photoalbum-im/04.jpg" alt=""><br>400х250, рисунок-4.jpg<br>
Описание фотографии</span></a>

<a class="gallery slidee" href="#"><span><img src="photoalbum-im/05.jpg" alt=""><br>400х250, рисунок-5.jpg<br>
Описание фотографии</span></a>

<a class="gallery slidef" href="#"><span><img src="photoalbum-im/06.jpg" alt=""><br>400х250, рисунок-6.jpg<br>
Описание фотографии</span></a>

<a class="gallery slideg" href="#"><span><img src="photoalbum-im/07.jpg" alt=""><br>400х250, рисунок-7.jpg<br>
Описание фотографии</span></a>

<a class="gallery slideh" href="#"><span><img src="photoalbum-im/08.jpg" alt=""><br>400х250, рисунок-8.jpg<br>
Описание фотографии</span></a>

<a class="gallery slidei" href="#"><span><img src="photoalbum-im/09.jpg" alt=""><br>400х250, рисунок-9.jpg<br>
Описание фотографии</span></a>

<a class="gallery slidej" href="#"><span><img src="photoalbum-im/010.jpg" alt=""><br>400х250, рисунок-10.jpg<br>
Описание фотографии</span></a>
</div>
</div>
</div>
</div>
</div>
<p>Для просмотра фотографий наводите курсор на картинку</p>
</div>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Помогите, фотоальбом на сайт срочно !!!
31 Наталия999 7965 16.8.2011, 21:16
автор: -Axe-


 



RSS Текстовая версия Сейчас: 23.4.2024, 18:13
Дизайн