Кодировка HTML | Демо-сайт CMS uCoz | Почта

Фотоальбом от UcoZ + Fancybox

Бесплатные и интересные решения для сайтов.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!
Внимание: В этом разделе можно оставлять только готовые скрипты, для вопросов есть раздел Общение!!! :evil: Иначе, получите предупреждение, а потом бан :D .

Фотоальбом от UcoZ + Fancybox

Сообщение СветилО » 06 окт 2008, 22:46

Итак, хотите, чтобы у вас фотки открывались, как здесь? Тогда устанавливайте следующий скриптик

1. В шаблоны "Главная страница фотоальбома", "Страница со списком фотографий раздела", "Страница со списком фотографий альбома"
а) Подключаем JQuery - между <head> и </head> вставляем
Код: Выделить всё
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

б) Подключаем FancyBox:
Код: Выделить всё
<script type="text/javascript" src="/fancybox/js/jquery.fancybox.js"></script>
<script type="text/javascript">$(document).ready(function(){ $("a.photolink").fancybox({overlayShow: true}); });</script>

2. В "Управление шаблонами (CSS)"

Код: Выделить всё
/* Fancybox */
div#fancy_overlay {
position:absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
background-color: #333;
}

div#fancy_loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 100;
}

div#fancy_loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url(/fancybox/img/fancy_progress.png) no-repeat;
}

div#fancy_close {
position: absolute;
top: -12px;
right: -12px;
height: 30px;
width: 30px;
background: transparent url(/fancybox/img/fancy_closebox.png) ;
cursor: pointer;
z-index: 100;
display: none;
}

div#fancy_content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
z-index: 96;
}

#fancy_frame {
position: relative;
width: 100%;
height: 100%;
display: none;
}

img#fancy_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:0;
padding: 0;
margin: 0;
z-index: 92;
}

div#fancy_title {
position: absolute;
bottom: -35px;
left: 0;
width: 100%;
z-index: 100;
display: none;
}

div#fancy_title table {
margin: 0 auto;
}

div#fancy_title div {
color: #FFF;
font: bold 12px Arial;
padding-bottom: 2px;
}

td#fancy_title_left {
height: 32px;
width: 15px;
background: transparent url(/fancybox/img/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
height: 32px;
background: transparent url(/fancybox/img/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
height: 32px;
width: 15px;
background: transparent url(/fancybox/img/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 90;
padding: 18px 18px 58px 18px;
margin: 0;
overflow: hidden;
background: transparent;
display: none;
}

div#fancy_inner {
position: relative;
width:100%;
height:100%;
border: 1px solid #444;
background: #FFF;
}

a#fancy_left, a#fancy_right {
position: absolute;
bottom: 10px;
height: 100%;
width: 35%;
cursor: pointer;
background-image: url(data:image/gif;base64,AAAA);
z-index: 100;
}

a#fancy_left {
left: 0px;
}

a#fancy_right {
right: 0px;
}

a#fancy_left:hover {
background: transparent url(/fancybox/img/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
background: transparent url(/fancybox/img/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}

div#fancy_bg {
display: none;
}

div.fancy_bg {
position: absolute;
display: block;
z-index: 70;
}

div.fancy_bg_n {
top: -18px;
width: 100%;
height: 18px;
background: transparent url(/fancybox/img/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
top: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url(/fancybox/img/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
right: -13px;
height: 100%;
width: 13px;
background: transparent url(/fancybox/img/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
bottom: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url(/fancybox/img/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
bottom: -18px;
width: 100%;
height: 18px;
background: transparent url(/fancybox/img/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
bottom: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url(/fancybox/img/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
left: -13px;
height: 100%;
width: 13px;
background: transparent url(/fancybox/img/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
top: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url(/fancybox/img/fancy_shadow_nw.png) no-repeat;
}
/* -------- */


3. В шаблон "Вид материалов"
Код: Выделить всё
<a title="$PHOTO_NAME$" rel="group1" href="<?if($FULL_PHOTO_DIRECT_URL$)?>$FULL_PHOTO_DIRECT_URL$<?else?>$PHOTO_DIRECT_URL$<?endif?>" class="photolink">$PHOTO$</a>


Если все выполнили правильно, то будет работать как надо ;)
Вложения
fancybox.rar
Распаковать и залить в корень сайта
(21.39 Кб) Скачиваний: 245
Аватара пользователя
СветилО
Подполковник
Подполковник
 
Автор темы
Сообщения: 177
Возраст: 29
Зарегистрирован: 21 апр 2008, 18:09
Карма: + 0 -
Откуда: Донецк, Украина

Re: Фотоальбом от UcoZ + Fancybox

Сообщение cucYa » 06 окт 2008, 23:42

лагает очень в ФФ 3, в других не смотрел ... :shock:
Аватара пользователя
cucYa
Подполковник
Подполковник
 
Сообщения: 164
Возраст: 27
Зарегистрирован: 09 июн 2008, 22:47
Карма: + 24 -
Откуда: от туда, где рулю Я, сынок... :D

Re: Фотоальбом от UcoZ + Fancybox

Сообщение СветилО » 06 окт 2008, 23:45

cucYa писал(а):лагает очень в ФФ 3, в других не смотрел ... :shock:


У меня стоит ФФ3 - все супер. Возможно это зависит от характеристик компа или инета ...
Аватара пользователя
СветилО
Подполковник
Подполковник
 
Автор темы
Сообщения: 177
Возраст: 29
Зарегистрирован: 21 апр 2008, 18:09
Карма: + 0 -
Откуда: Донецк, Украина

Re: Фотоальбом от UcoZ + Fancybox

Сообщение cucYa » 06 окт 2008, 23:46

СветилО писал(а):
cucYa писал(а):лагает очень в ФФ 3, в других не смотрел ... :shock:


У меня стоит ФФ3 - все супер. Возможно это зависит от характеристик компа или инета ...


В принцепи от компа вполне возможно, так как мамкин ноут взял пока она спит :D :oops:
Аватара пользователя
cucYa
Подполковник
Подполковник
 
Сообщения: 164
Возраст: 27
Зарегистрирован: 09 июн 2008, 22:47
Карма: + 24 -
Откуда: от туда, где рулю Я, сынок... :D

Re: Фотоальбом от UcoZ + Fancybox

Сообщение Soner » 19 окт 2008, 19:18

а кто нибудь знает как сделать на главной странице фотоальбома,чтобы показывало не последние фото со всех альбомов,а все альбомы как папки чтобы в них видно было последнюю добавленую фотку?
Soner
Салага
Салага
 
Сообщения: 4
Зарегистрирован: 07 авг 2008, 22:09
Карма: + 0 -

Re: Фотоальбом от UcoZ + Fancybox

Сообщение СветилО » 19 окт 2008, 19:56

Информерами
Аватара пользователя
СветилО
Подполковник
Подполковник
 
Автор темы
Сообщения: 177
Возраст: 29
Зарегистрирован: 21 апр 2008, 18:09
Карма: + 0 -
Откуда: Донецк, Украина

Re: Фотоальбом от UcoZ + Fancybox

Сообщение Soner » 19 окт 2008, 21:15

это онечно я делал так,но приходится для папок задавать единую картинку
Soner
Салага
Салага
 
Сообщения: 4
Зарегистрирован: 07 авг 2008, 22:09
Карма: + 0 -

Re: Фотоальбом от UcoZ + Fancybox

Сообщение СветилО » 20 окт 2008, 05:55

А условными операторами не пробовал?
Аватара пользователя
СветилО
Подполковник
Подполковник
 
Автор темы
Сообщения: 177
Возраст: 29
Зарегистрирован: 21 апр 2008, 18:09
Карма: + 0 -
Откуда: Донецк, Украина

Re: Фотоальбом от UcoZ + Fancybox

Сообщение Soner » 20 окт 2008, 18:33

я незнаю как,если несложно то напиши как это сделать,уверен еще кому нибудь такой альбом нужен будет ;)
Soner
Салага
Салага
 
Сообщения: 4
Зарегистрирован: 07 авг 2008, 22:09
Карма: + 0 -

Re: Фотоальбом от UcoZ + Fancybox

Сообщение WarWaste » 21 окт 2008, 17:17

Ну, у меня всё работает ОТЛИЧНО...
Аватара пользователя
WarWaste
Салага
Салага
 
Сообщения: 8
Возраст: 26
Зарегистрирован: 28 май 2008, 12:50
Карма: + 0 -
Откуда: Пермь

След.

Вернуться в Скрипты и интересные решения

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

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

cron