Question

На сайте poedempogliadim.ucoz.ru я изменил стандартные ucoz-овские настройки лайтбокса в фотоальбомах так, как рекомендовано здесь - http://fancyapps.com/fancybox/#examples с целью вывода под фотографией ее описания. По этой причине у меня пропала возможность перехода из лайтбокса на страницу фотографии с комментариями. Подскажите, как мне добавить в лайтбокс кнопку для такого перехода, сохранив при этом вывод в лайтбоксе описание фотографий.

Answer 1

Здравствуйте!

Я увидел на Вашем сайте, что при просмотре фото фон темнее, а на других сайтах такого нет. Если Вы хотели сделать именно затемнение, то откатите шаблон страницы фото назад и просто добавьте в Таблицу CSS-стилей вот этот код:

#fancybox-overlay {

opacity: 0.6 !important;

}

Comments

Приветствую Вас! Спасибо за ответ, но дело не в затемнении, а в том, что описание фото выводится на месте ucoz-овской кнопки "Перейти на страницу фото с комментариями". Изменение стандартных настроек лайтбокса было выполнено по рекомендации http://manual.ucoz.net/board/6-1-0-434. На сайте разработчика fancybox http://fancyapps.com/fancybox/ предлагаются разные виды вывода названия фото под изображением и, в частности, похожий на ucoz-овский вариант оформления (с помощью 'float'). То есть в стандартном варианте ucoz-овского лайтбокса на этом месте запрограммирована кнопка перехода на страницу фотографии. Поэтому, в моем случае, мне хотелось бы сохранить то оформление окна лайтбокса, которое у меня есть сейчас, но найти возможность перехода из лайбокса на страницу добавления комментария к фото.
Заранее спасибо за ответ.

---

Вот пример кода, где текст это ссылка:
<div class="fancybox-title fancybox-title-float-wrap"><span class="child"><a class="ulb-photopage-link" href="$FULL_PHOTO_URL$">$PHOTO_NAME$</a></span></div>

---

Прошу прощения, но я не зря задал вопрос в категории "Вопросы новичков". Еще месяц назад я и понятия не имел ни о div-ах, ни о span-ах, да и сейчас очень плохо это себе представляю. Нельзя ли поподробнее? Мне нужно, чтобы под фото было содержание $PHOTO_DESCR$". И куда этот div вставить, и что еще в связи с этим нужно будет поменять?

---

Можно уточнить, Вы сами изменили у себя на сайте надпись перейти к комментариям, на описание фото?

---

Да. Я не хотел удалять "перейти к комментариям" ! ))) Я хотел только добавить описание под фото. Так получилось само )))  Вот инструкция http://manual.ucoz.net/board/6-1-0-434.

---

Вот, перейдите туда, где Вы изменяли эту надпись и вместо $PHOTO_DESCR$ вставьте вот это:
<a class="ulb-photopage-link" href="$FULL_PHOTO_URL$">$PHOTO_DESCR$</a>

---

Спасибо. Щас попробую.

---

Очевидно, сделал что-то не так. В "виде фотографий" ПУ заменил код <a href="$PHOTO_LIGHTBOX_URL$" data-url="$PHOTO_URL$" class="ph-link" title="$PHOTO_DESCR$"> Вашим. Альбом "омертвел" совсем.
Переделал. Вставил Ваш код конкретно вместо $PHOTO_DESCR$ . Описание "проявляется" на превью, лайтбокс окрывается, но без описания и вообще без какой-либо надписи или кнопки.
Что я сделал не так?

---

Можно уточнить, в какой раздел управления дизайна Вы вставили этот код?

---

Фотоальбомы – Вид фотографий. Стандартная ucoz-овская строка - <a href="$PHOTO_LIGHTBOX_URL$" data-url="$PHOTO_URL$" class="ph-link" title="Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">.
Вот вместо "Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb" я в свое время и вставил "$PHOTO_DESCR$".
К чему-то надо ссылку прикрепить.