Как сделать фотогалерею как в Дом-2?

С помощью одного маркера можно раскрасить все кроме самого маркера, с помощью двух маркеров можно раскрасить вообще все!

Модератор: [mweb team]

Как сделать фотогалерею как в Дом-2?

Сообщение yousatisfaction Пт окт 20, 2006 21:19

Народ, на сайте Дом-2 www.dom2.ru есть фотогалерея. Там когда кликаешь по фотке она загружается не отдельно, а прямо поверх основной страницы. А основная страница при этом красиво затемняется.
Как можно так сделать?
Аватара пользователя
yousatisfaction
Прохожий
 
Сообщения: 69
Зарегистрирован: Пт окт 20, 2006 21:00

Сообщение Muerto Вс окт 22, 2006 12:45

Ты бы ссылку дал на саму фотогалерею, а то лазить по этому сайту в её поисках мне природная брезгливость не позволяет.
В принципе, наверное скрипт помщает поверх пару слоёв. Один с 20-30 прозрачностью и чёрным фоном делает затенение сайта, а во-втором открывается фотка.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Вс окт 22, 2006 15:29

интересно работает ли такой скрипт в фф или опере :-)
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Re: Как сделать фотогалерею как в Дом-2?

Сообщение yousatisfaction Вс окт 22, 2006 21:03

yousatisfaction писал(а):Народ, на сайте Дом-2 www.dom2.ru есть фотогалерея. Там когда кликаешь по фотке она загружается не отдельно, а прямо поверх основной страницы. А основная страница при этом красиво затемняется.
Как можно так сделать?

ССЫЛКА:


http://dom2.ru/about/fotogallery/
Аватара пользователя
yousatisfaction
Прохожий
 
Сообщения: 69
Зарегистрирован: Пт окт 20, 2006 21:00

Сообщение Muerto Вс окт 22, 2006 21:29

Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Muerto Вс окт 22, 2006 21:38

Кстати в Опере не работает. Но, по моему скромному мнению, НА ФИГ ЕНТОТ БРОУЗЕР!
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Aqua$erg Вс окт 22, 2006 22:26

А прикольно...
Аватара пользователя
Aqua$erg
Хронический Астматик
 
Сообщения: 1804
Зарегистрирован: Пт апр 11, 2003 8:12
Откуда: Питер

Сообщение yousatisfaction Вс окт 22, 2006 23:03

Спасибо!!!
А можно ли это сделать на бесплатном хостинге типа народа в html?
Аватара пользователя
yousatisfaction
Прохожий
 
Сообщения: 69
Зарегистрирован: Пт окт 20, 2006 21:00

Сообщение yousatisfaction Вс окт 22, 2006 23:12

А как этим пользоваться? Подскажите плиз...
Аватара пользователя
yousatisfaction
Прохожий
 
Сообщения: 69
Зарегистрирован: Пт окт 20, 2006 21:00

Сообщение Muerto Вс окт 22, 2006 23:35

Там же всё написано! Полная инструкция по установке. Использовать на халявном хостинге можно.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение yousatisfaction Вс окт 22, 2006 23:40

Там же все на английськом. А я немецкий изучал. Пробовал в переводчике но там бред полный.
Сейчас сравниваю код с сайтом Дом-2
Но если кто знает пусть напишет
Аватара пользователя
yousatisfaction
Прохожий
 
Сообщения: 69
Зарегистрирован: Пт окт 20, 2006 21:00

Сообщение yousatisfaction Вс окт 22, 2006 23:50

Все. разобрался. Так, что ждите -02- перемен на СУПЕРУНИВЕРЕ. Я уже дома подготоваил новый дизайн главной , теперь вот и галерею сделаю.
Спасибо всем за советы.
Это самый классный форум.
Аватара пользователя
yousatisfaction
Прохожий
 
Сообщения: 69
Зарегистрирован: Пт окт 20, 2006 21:00

Сообщение Muerto Пн окт 23, 2006 0:01

Я вот испанский изучал, но жизнь заставит - не так раскорячешься. Короче!
1) Скачиваешь файл по ссылке и распаковываешь.
2) Перекидываешь папки css и js себе в корень.
3) Между тегами <head> и </head>
вставляешь код
Код: Выделить всё
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

4) На нужну тебе превьюшку ставишь ссылку <a href="images/большая картинка.jpg" rel="lightbox" title="название картинки">...картинка...</a>
И всё...
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение yousatisfaction Пн окт 23, 2006 1:49

А переходы чтобы отображались?
Аватара пользователя
yousatisfaction
Прохожий
 
Сообщения: 69
Зарегистрирован: Пт окт 20, 2006 21:00

Сообщение yousatisfaction Пн окт 23, 2006 1:57

Все все. Я разобрался!!!! -06- -22- Спасибо
Аватара пользователя
yousatisfaction
Прохожий
 
Сообщения: 69
Зарегистрирован: Пт окт 20, 2006 21:00


Вернуться в Графика

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 5

cron