Question

Обычно использую код

<a href="ссылка"><img src="ссылка на фото" alt=""></a>

но со вставкой $IMAGE1$ он не работает.

Answer 1

Можно сделать вот так:

<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" alt="$TITLE$" /></a></div><?endif?>

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

Comments

В смысле вот так?

<?if($IMAGE1$)?><a class="ulightbox" href="/gb"><img alt="$TITLE$" src="$IMAGE1$" /></a><?endif?>

---

Maria Salembo,

А причем здесь gb это же гостевая.

---

Yuri_Geruk,

Просто пример, вместо нее поставлю ссылку на другой сайт.

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

---

Maria Salembo,

А в материале и не будет работать так как работа данных операторов предусмотрена на странице материала и комментариев модуля  в панели управления сайта - Управлении дизайном.

---

Yuri_Geruk,

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

---

Maria Salembo,

Без этого никак, только дополнительная доработка, написание стилей.

---

Yuri_Geruk,

Сейчас столкнулась с проблемой, что #content a img {width: 30%} переопределяет #content img {width: 100%}, то есть подгруженные в редактор картинки с кодом $IMAGE1$ тоже становятся маленькими, как и те, которые подгружены ссылкой со стороннего ресурса. Как бы грамотно разделить их в стилях?

---

Maria Salembo,

Предоставьте ссылку на конкретную страницу где можно увидеть проблему, пока ссылки на сайте нет, помочь я вам не могу.

---

Yuri_Geruk,

Ссылку я могу дать, но это все равно касается только мобильной версии, на ПК все работает нормально.

---

Maria Salembo,

в данном случае могу лишь посоветовать писать условия для мобильных устройств - http://htmlbook.ru/css/media

---

Yuri_Geruk,

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

Потому что, для примера, на одной странице http://humanlibrary.ru/index/moskva/0-6 изображение прописано через $IMAGE1$, а на другой через ссылку http://humanlibrary.ru/index/ploshhadki/0-63.

Если именно в блоке кода, который отвечает за стили в мобильных устройствах, попытаться разграничить размеры для обоих видов изображений таким образом:

#content a img {width: 30%} - для изображений, выводимых ссылкой

#content img {width: 100%} - для изображений через $IMAGE1$

то все изображения $IMAGE1$ тоже уменьшаются до 30%.

---

Maria Salembo,

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

---

Yuri_Geruk,

Спасибо! Попробую сделать так.