Changed lazy load pictures and posters

This commit is contained in:
zeldaroot 2020-12-09 00:05:03 +02:00
parent add8b3d378
commit b96bc92d6d
7 changed files with 36 additions and 75 deletions

View File

@ -168,14 +168,6 @@
</div>
</div>
<div class="shares">
<div class="social-likes">
<div class="vkontakte" title="<%= page.l.vk %>"><%- page.l.vk %></div>
<div class="facebook" title="<%= page.l.facebook %>"><%- page.l.facebook %></div>
<div class="twitter" title="<%= page.l.twitter %>"><%- page.l.twitter %></div>
</div>
</div>
</div>
<% if (typeof page.adv === 'object' && page.adv.under) { %>

View File

@ -169,14 +169,6 @@
</div>
</div>
<div class="shares">
<div class="social-likes">
<div class="vkontakte" title="<%= page.l.vk %>"><%- page.l.vk %></div>
<div class="facebook" title="<%= page.l.facebook %>"><%- page.l.facebook %></div>
<div class="twitter" title="<%= page.l.twitter %>"><%- page.l.twitter %></div>
</div>
</div>
<% if (page.urls.movies.download) { %>
<div class="download_bl">
<a class="download_film" href="<%- movie.url %>/<%- page.urls.movies.download %>"

View File

@ -15,37 +15,46 @@
<div id="top"></div>
<script>
window.addEventListener('DOMContentLoaded', function() {
var dataCinemapressSrc = document.querySelectorAll('[data-cinemapress-src]');
if (dataCinemapressSrc) {
dataCinemapressSrc.forEach(function(cinemapressSrc) {
if (cinemapressSrc.complete) {
cinemapressSetImage(cinemapressSrc, 'cinemapressSrc');
} else {
cinemapressSrc.addEventListener('load', function() {
cinemapressSetImage(cinemapressSrc, 'cinemapressSrc');
}, { once: true });
(function() {
var dataAllSrc = document.querySelectorAll('[data-cinemapress-src],[data-cinemapress-bg-src]');
var dataAllSrcCount = (dataAllSrc && dataAllSrc.length) || 0;
var dataAllSrcCountComp = 0;
var fSrc = {
'dataCountImage': function() {
dataAllSrcCountComp = dataAllSrcCountComp+1;
if (dataAllSrcCount && dataAllSrcCountComp >= dataAllSrcCount) {
dataAllSrcCount = 0;
setTimeout(function() {
fSrc['checkLoad'](dataAllSrc, 'dataSetImage');
}, 1);
}
});
}
var dataCinemapressBgSrc = document.querySelectorAll('[data-cinemapress-bg-src]');
if (dataCinemapressBgSrc) {
dataCinemapressBgSrc.forEach(function(cinemapressBgSrc) {
cinemapressSetImage(cinemapressBgSrc, 'cinemapressBgSrc');
});
}
function cinemapressSetImage(elem, name) {
var img = new Image();
img.src = elem.dataset[name];
img.onload = function() {
if (name === 'cinemapressBgSrc') {
elem.style.backgroundImage = 'url("' + elem.dataset[name] + '")';
} else {
elem.src = elem.dataset[name];
},
'dataSetImage': function(el) {
var src = el.dataset.cinemapressSrc;
var bgSrc = el.dataset.cinemapressBgSrc;
if (!src && !bgSrc) return;
var img = new Image();
img.src = src ? src : bgSrc;
img.onload = function() {
if (src) { el.src = src; }
else { el.style.backgroundImage = 'url("' + bgSrc + '")';}
}
},
'checkLoad': function(els, fn) {
if (!els) return;
els.forEach(function(src) {
if (typeof src.complete === 'undefined' || src.complete) {
fSrc[fn](src);
} else {
src.addEventListener('load', function() {
fSrc[fn](this);
}, { once: true });
}
});
}
}
});
fSrc['checkLoad'](dataAllSrc, 'dataCountImage');
})();
</script>
<script src="/themes/<%- page.theme %>/public/js/all.min.js"></script>

View File

@ -173,14 +173,6 @@
</div>
</div>
<div class="shares">
<div class="social-likes">
<div class="vkontakte" title="<%= page.l.vk %>"><%- page.l.vk %></div>
<div class="facebook" title="<%= page.l.facebook %>"><%- page.l.facebook %></div>
<div class="twitter" title="<%= page.l.twitter %>"><%- page.l.twitter %></div>
</div>
</div>
<% if (page.urls.movies.download) { %>
<div class="download_bl">
<a class="download_film" href="<%- movie.url %>/<%- page.urls.movies.download %>"

View File

@ -166,14 +166,6 @@
</div>
</div>
<div class="shares">
<div class="social-likes">
<div class="vkontakte" title="<%= page.l.vk %>"><%- page.l.vk %></div>
<div class="facebook" title="<%= page.l.facebook %>"><%- page.l.facebook %></div>
<div class="twitter" title="<%= page.l.twitter %>"><%- page.l.twitter %></div>
</div>
</div>
<% if (page.urls.movies.download) { %>
<div class="download_bl">
<a class="download_film" href="<%- movie.url %>/<%- page.urls.movies.download %>"

View File

@ -152,14 +152,6 @@
<div style="height: 10px"></div>
<div class="shares">
<div class="social-likes">
<div class="vkontakte" title="<%= page.l.vk %>"><%- page.l.vk %></div>
<div class="facebook" title="<%= page.l.facebook %>"><%- page.l.facebook %></div>
<div class="twitter" title="<%= page.l.twitter %>"><%- page.l.twitter %></div>
</div>
</div>
<% if (page.urls.movies.download) { %>
<div class="download_bl">
<a class="download_film" href="<%- movie.url %>/<%- page.urls.movies.download %>"

View File

@ -164,14 +164,6 @@
</div>
</div>
<div class="shares">
<div class="social-likes">
<div class="vkontakte" title="<%= page.l.vk %>"><%- page.l.vk %></div>
<div class="facebook" title="<%= page.l.facebook %>"><%- page.l.facebook %></div>
<div class="twitter" title="<%= page.l.twitter %>"><%- page.l.twitter %></div>
</div>
</div>
<% if (page.urls.movies.download) { %>
<div class="download_bl">
<a class="download_film" href="<%- movie.url %>/<%- page.urls.movies.download %>"