Question

Подскажите, как исправить проблему. Вот такой скрипт

<script type="text/javascript">
 $(document).ready(function(){
 $('a[href$=".jpg"], a[href$=".JPG"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox');

});
</script>

работает на всех страницах сайта - кроме фотоальбома. Собственно лайтбокс должен бы работать уже из-за скрипта в виде фотографий, если я не ошибаюсь?

 <a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a>

И ещё одна странность с фотоальбомом: гифки не воспроизводятся. Я сделал прямую ссылку к фотографиям на странице с фотографией и комментариями, если щёлкнуть по фотке, открывается лайтбокс - и картинка начинает двигаться.

<a href="<?substr($FULL_PHOTO_DIRECT_URL$,0,strpos($FULL_PHOTO_DIRECT_URL$,'?'))?>" alt="$CAT_NAME$. $PHOTO_NAME$" title="$CAT_NAME$. $PHOTO_NAME$">

Это, конечно, лучше чем ничего, но хотелось бы, чтобы работало всё. Но есть и ещё одна проблема: пропадает дополнительное поле. Почему, как сделать, чтобы оно не пропадало? В этом дополнительном поле у меня музыкальное сопровождение к картинке, оно важно для этого раздела фотоальбома.

Answer 1

Нет, по умолчанию в виде фото у вас лайбокс работать не должен так как по сути идет ссылка на страницу фото (у вас так прописано http://joxi.ru/D2PzjxqTkJ1z7r ), а не на само фото. Будет ссылка на фото, тогда и будет работать лайтбокс в виде фото.

Comments

vitkit3,

Догадался, как включить перелистывание в лайтбоксе. Добавил в шаблон вида фотографий к a href

  data-fancybox-group="ultbx"

Теперь работает. Хорошо бы понять, почему гифка не воспроизводится.

---

vitkit3,

По поводу гифки, при прикреплении фото формата гиф заменяется на формат jpeg на системном уровне, в итоге и не воспроизводится. После прикрепления сами можете через инспектор кода проверить какой формат получит фото после прикрепления.

---

Yuri_Geruk,

гиф заменяется на формат jpeg на системном уровне

Да, я это вижу. Если я правильно вас понял, это значит, что поделать с этим ничего нельзя? 

Есть ещё одна проблема с PDA. Пять колонок малюсеньких превьюшек в альбомах для компа не тесно, а вот для маленького экрана большая сложность. Можно ли для PDA количество колонок уменьшить или другой какой способ решить проблему?

Нашлось решение для гифок. Заменилил в шаблоне $PHOTO$ на <img src="<?substr($FULL_PHOTO_DIRECT_URL$,0,strpos($FULL_PHOTO_DIRECT_URL$,'?'))?>" style="max-height:710px; max-width:996px; min-width:200px;" alt="$CAT_NAME$. $PHOTO_NAME$" Title="$CAT_NAME$. $PHOTO_NAME$">

---

vitkit3,

По колонками. В таблицу стилей CSS PDA пропишите такие стили:

.u-ecc-5 .uEntryWrap{width:100%!important;}

будет одна колонка. Если нужно больше одной колонки, прописать такие стили:

.u-ecc-5 .uEntryWrap{width:calc(100% / 1)!important;}

где вместо 1 прописать количество колонок.

---

Yuri_Geruk,

Большое спасибо. Очень приятно, что все проблемы удалось решить за короткий срок.