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,

Именно, не прямая ссылка на фотографию, а на страницу с полным фото и комментариями к фото.

---

Yuri_Geruk,

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

---

vitkit3,

в пда версии у вас ссылки на страницы, а не не ссылки на фото. скрипт работает с прямыми ссылками на фото, а не ссылками на странице где есть фото

---

Yuri_Geruk,

Понял, не работает скрипт вида фотографий, но почему? Почему в полной версии он работает, в мобильной нет?

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

---

vitkit3,

смотрите под каждым шаблонов списко кодов, работающих в данном шаблоне. в нормальной версии и пда список кодов может различаться

---

vitkit3,

Замените шаблон вида фотографий в PDA версии на код:

<div align="center">
<div style="padding-bottom:1px;"><?if($PHOTO_NAME$)?><a href="$PHOTO_URL$"><?if(len($PHOTO_NAME$)>25)?><?substr($PHOTO_NAME$,0,23)?>...<?else?>$PHOTO_NAME$<?endif?></a><?endif?><?else?>&nbsp;</div>
<a href="$FULL_PHOTO_DIRECT_URL$" class="ulightbox" title="Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb"><img src="$PHOTO_DIRECT_URL$"></a>
<?if($CAT_NAME$)?><div style="padding-top:1px;"><a href="$CAT_URL$"><?if(len($CAT_NAME$)>25)?><?substr($CAT_NAME$,0,23)?>...<?else?>$CAT_NAME$<?endif?></a></div><?endif?>
</div>

после будет работать.

---

Yuri_Geruk,

Спасибо, так действительно эта проблема исчезла. Думал, что всё с этой темой, но оказалось, что в лайтбоксе пропала функция перелистывания. Почему? И ещё гифки не воспроизводятся? Что с этим можно сделать?

---

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,

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