Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add lazyLoad module #540

Open
wants to merge 19 commits into
base: master
from

Conversation

Projects
None yet
4 participants
@PolinaShneider
Copy link
Collaborator

commented Mar 28, 2019

Lazy-loading module for images & videos

image

PolinaShneider added some commits Mar 28, 2019

@neSpecc
Copy link
Member

left a comment

Модуль просто дописывает классы, а не осуществляет lazy load

</video>
<? endif; ?>
<div class="lazy-load js_lazy-load">
<? if (strpos($plugin['demo'], 'mp4') === false): ?>

This comment has been minimized.

Copy link
@talyguryn

talyguryn Apr 1, 2019

Member

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

мало же проверять просто вхождение mp4. надо проверять наличие .mp4 в конце строки

<img class="lazy-load__media js_lazy-media" src="<?= $plugin['demo'] ?>" alt="<?= $plugin['name'] ?>">
<? else: ?>
<video class="lazy-load__media js_lazy-media" autoplay loop muted playsinline>
<source src="<?= $plugin['demo'] ?>" type="video/mp4">

This comment has been minimized.

Copy link
@talyguryn

talyguryn Apr 1, 2019

Member

зачем ты сразу прописываешь src у элемента? идея в том, чтобы не задавать этот параметр сразу. тот же путь к источнику прописывается, например, в data-src, а потом с помощью js подставляется в параметр src. тем самым получается, что эти элементы не тормозят загрузку страницы

PolinaShneider and others added some commits Apr 1, 2019

/**
* Classes used in module
*/
static get classes() {

This comment has been minimized.

Copy link
@khaydarov

khaydarov Apr 8, 2019

Member

мы везде этот геттер вроде называем CSS()

Show resolved Hide resolved www/application/views/templates/landings/editor.php
*/
addLoadedClass(element) {

element.closest(`.${LazyLoad.classes.wrapper}`).classList.add(LazyLoad.classes.loaded);

This comment has been minimized.

Copy link
@khaydarov

khaydarov Apr 8, 2019

Member

подключи линтер, плиз

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.