image-X и lazy

[MSK 290]

Включаем lazy.

Проблема в выводе коротких и полных новостей.

Картинки в теле новости {short-story}, {full-story} отрабатываются, а вот вывод картинок через {image-X} нет.

Аналогично и для вывод через {custom}.

[alex32 943]

  14.11.2020 в 08:56, MSK сказал:

 а вот вывод картинок через {image-X} нет.

Расширить  

вы  это сейчас это серьезно? То есть, прописывая собственными  руками код, вы недовольны, что не происходит волшебства и ваш быдлокод не превращается в чудо?

[MSK 290]

  14.11.2020 в 09:14, alex32 сказал:

вы  это сейчас это серьезно?

Расширить  

я ожидал примерно такой реакции.
Включение lazy происходит в админке и при включении/отключении НЕ ТРЕБУЕТСЯ дополнительных телодвижений с правками шаблонов или новостей.
А соответственно, я вправе ожидать корректной обработки картинок, вставленных в шаблон с использованием стандартных тегов.

Изменено 14 ноября 2020 пользователем MSK

[redissx 254]

  14.11.2020 в 09:14, alex32 сказал:

вы  это сейчас это серьезно? То есть, прописывая собственными  руками код, вы недовольны, что не происходит волшебства и ваш быдлокод не превращается в чудо?

Расширить  

Спокойно, товарищ 😃

 

  14.11.2020 в 10:57, MSK сказал:

я ожидал примерно такой реакции.
Включение lazy происходит в админке и при включении/отключении НЕ ТРЕБУЕТСЯ дополнительных телодвижений с правками шаблонов или новостей.
А соответственно, я вправе ожидать корректной обработки картинок, вставленных в шаблон с использованием стандартных тегов.

Расширить  

image-1 выводит ссылку на картинку, а не саму картинку. Поэтому открываем тпл и вместо

<img src="{image-1}" alt="{title}">

пишем

<img data-src="{image-1}" src="{theme}/dleimages/no_image.jpg" alt="{title}">

и все готово

[MSK 290]

  14.11.2020 в 11:50, redissx сказал:

и все готово

Расширить  

Спасибо, но я не просил решение (я знаю варианты :) ), а указал на то, что вывод этим тегом не позволяет полноценно использовать возможность вкл/выкл lazy в админке, т.к. требует правки шаблонов. Предложенный вариант самый простой, но при отключении lazy всегда будет отдавать заглушку.
Мне видится все намного проще и без правки шаблонов, добавив только 1 строку в формирование url картинки и получить возможность полноценного вкл/выкл lazy:

if ($config['image_lazy']) $url = "\" data-src=\"".$url;

 

Изменено 14 ноября 2020 пользователем MSK

[alex32 943]

  14.11.2020 в 14:22, MSK сказал:

Спасибо, но я не просил решение (я знаю варианты :) ), а указал на то, что вывод этим тегом не позволяет полноценно использовать возможность вкл/выкл lazy в админке, т.к. требует правки шаблонов. Предложенный вариант самый простой, но при отключении lazy всегда будет отдавать заглушку.
Мне видится все намного проще и без правки шаблонов, добавив только 1 строку в формирование url картинки и получить возможность полноценного вкл/выкл lazy:

if ($config['image_lazy']) $url = "\" data-src=\"".$url;

 

Расширить  

С хера ли загуляли? А если я не хочу? Ты кто такой решать, надо это мне или нет?

[redissx 254]

  14.11.2020 в 14:22, MSK сказал:

Спасибо, но я не просил решение (я знаю варианты :) ), а указал на то, что вывод этим тегом не позволяет полноценно использовать возможность вкл/выкл lazy в админке, т.к. требует правки шаблонов. Предложенный вариант самый простой, но при отключении lazy всегда будет отдавать заглушку.
Мне видится все намного проще и без правки шаблонов, добавив только 1 строку в формирование url картинки и получить возможность полноценного вкл/выкл lazy:

if ($config['image_lazy']) $url = "\" data-src=\"".$url;

 

Расширить  

Нельзя включить потому что этот тег выводит ссылку, а не целый код картинки. А вариантов использования ссылки в тпл много

data-poster="{image-1}"
style="background: url({image-1})
<script>
  var imgLink = {image-1}
</script>

Первое что пришло в голову.

[alex32 943]

  14.11.2020 в 15:40, redissx сказал:

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

Расширить  

Наконец то до кого-то доперло.

[MSK 290]

  14.11.2020 в 15:40, redissx сказал:

А вариантов использования ссылки в тпл много

Расширить  

Например?

[alex32 943]

  14.11.2020 в 17:20, MSK сказал:

Например

Расширить  

например 

	<img src="[xfvalue_image_url_poster]" alt="{title}"  />

учитесь курить мануалы 

[MSK 290]

  14.11.2020 в 17:37, alex32 сказал:

учитесь курить мануалы 

Расширить  

Курить вредно!

ПРИЧЕМ ТУТ дополнительные поля, если речь идет о теге {image-X} ???

И в чем проблема в этой консрукции, если на выходе мы получим

[xfvalue_image_url_poster] = '" data-src="[xfvalue_image_url_poster]'

 

Изменено 14 ноября 2020 пользователем MSK

[germanydletest 458]

  14.11.2020 в 17:20, MSK сказал:

Например?

Расширить  

´Например такой вариант

<div id="divID" class="divclass" style="background-image: url("{image-X}");"></div>

 

[MSK 290]

  14.11.2020 в 23:42, germanydletest сказал:

Например такой вариант

Расширить  

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

[redissx 254]

  15.11.2020 в 07:56, MSK сказал:

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

Расширить  

Это и есть реальная. Такое используется часто как для украшения (затемненный фон с градиентом у каждой новости свой), так и для размещения картинок любой пропорции в виде cover. Да и еще кучи разных ситуаций, вам  уже дали 4 примера выше, как еще пример та же разметка shema может использовать.

Изменено 15 ноября 2020 пользователем redissx

[germanydletest 458]

  15.11.2020 в 07:56, MSK сказал:

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

Расширить  

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