Question

Не могу понять, как записать правильно код, чтобы lightbox выводил целиком изображение. Сейчас он просто открывает то же обрезанное изображение. Перепробовал коды. Неудобно еще, что в информере коды без пояснений. Не понять, какой код для чего.

 <div class="col-md-3 col-6 blog-gd-w3ls">  <a href="$PHOTO_DIRECT_URL$" class="ulightbox"><img src="$PHOTO_DIRECT_URL$" alt="$PHOTO_ALT$" class="img-fluid"></a>  <div class="date-w3">  <p class="para-w3-agile">$PHOTO_NAME$</p>  </div>  </div>

Что я не так сделал?

Answer 1

На какой странице сайта увидеть проблему можно и при нажатии на какое фото.

Comments

Вот: https://pokachueva.ucoz.net/index/obo_mne/0-5

Там раздел "Мои награды"

---

Рустам Бегалиев,

Вместо $PHOTO_DIRECT_URL$ пропишите $FULL_PHOTO_DIRECT_URL$ вот здесь:

<a href="$PHOTO_DIRECT_URL$" class="ulightbox">

---

Yuri_Geruk,

Теперь посмотрите, что происходит. Выведется так же и при этом со страницы нажатое пропадает вообще.

---

Рустам Бегалиев,

Покажите текущий код шаблона информера. Не вижу в нем ссылки на полное фото вовсе.

---

Yuri_Geruk,

 <div class="col-md-3 col-6 blog-gd-w3ls">  <a href="$FULL_PHOTO_DIRECT_URL$" class="ulightbox"><img src="$PHOTO_DIRECT_URL$" alt="$PHOTO_ALT$" class="img-fluid"></a>  <div class="date-w3">  <p class="para-w3-agile">$PHOTO_NAME$</p>  </div>  </div>

Это текущий

---

Рустам Бегалиев,

Если так, значит проблема в том, что вы загружаете небольшие фото и оригинал не достигает размеров 500x500 Возвращайте старый код $PHOTO_DIRECT_URL$ как было до этого.

---

Yuri_Geruk,

Нет, в том-то и дело, что загружены фото большие. Вот на этой странице все нормально отображается, если нажать на изображение: https://pokachueva.ucoz.net/photo/materialy/sertifikaty/11

---

Рустам Бегалиев,

Попробуйте сделать так:

<div class="col-md-3 col-6 blog-gd-w3ls">  
<a href="$FULL_PHOTO_DIRECT_URL$" class="ulightbox" data-fancybox="ultbx" data-fancybox-group="ultbx">
<img src="$PHOTO_DIRECT_URL$" alt="$PHOTO_ALT$" class="img-fluid">
</a>  
<div class="date-w3"><p class="para-w3-agile">$PHOTO_NAME$</p>  
</div>  
</div>

---

Yuri_Geruk,

То же самое, что и до этого. Так же  обрезанное фото открывается и с самой страницы пропадает. Пробовал удалить скрипыт все со страницы, но оказалось, что дело не в них. Может, я ulightbox как-то неверно записал? Не упустил ничего?

---

Yuri_Geruk,

Ладно, придется оставить стандартный вид, как в фотографиях... (((

Answer 2

Информер фотоальбома? Этот код пробуйте...

<a class="ulightbox" href="$FULL_PHOTO_DIRECT_URL$" data-url="$PHOTO_URL$" data-fancybox-group="ulightboxgroup" title="$PHOTO_NAME$">$PHOTO$</a>

Comments

Нет, не подошло... Да и от фотографий код пробовал адаптировать, тоже никак.