Changed lazyload
This commit is contained in:
parent
4d3c6c09ef
commit
e4fe7bead0
|
@ -126,7 +126,7 @@
|
|||
<div class="short">
|
||||
<a href="<%- movie.url %>">
|
||||
<div class="like-count-wrap">
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="poster"
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy poster"
|
||||
alt="<%= page.l.online %> <%= movie.title %>">
|
||||
<% if (movie.quality) { %>
|
||||
<div class="like">
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
<li>
|
||||
<a href="<%- movie.url %>">
|
||||
<span class="icon-noimage">
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="film-poster"
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy film-poster"
|
||||
alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</span>
|
||||
<i class="fa ico-play"></i>
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
<li>
|
||||
<a href="<%- movie.url %>">
|
||||
<span class="icon-noimage">
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="film-poster"
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy film-poster"
|
||||
alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</span>
|
||||
<i class="fa ico-play"></i>
|
||||
|
|
|
@ -16,55 +16,6 @@
|
|||
</span>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
var dataAllSrc = document.querySelectorAll('[data-cinemapress-src],[data-cinemapress-bg-src]');
|
||||
var dataAllSrcCount = (dataAllSrc && dataAllSrc.length) || 0;
|
||||
if (!dataAllSrcCount) return;
|
||||
var dataAllSrcCountComp = 0;
|
||||
var fSrc = {
|
||||
'dataCountImage': function() {
|
||||
dataAllSrcCountComp = dataAllSrcCountComp+1;
|
||||
if (dataAllSrcCount && dataAllSrcCountComp >= dataAllSrcCount) {
|
||||
dataAllSrcCount = 0;
|
||||
var st;
|
||||
window.addEventListener('load', function() {
|
||||
clearTimeout(st);
|
||||
fSrc['checkLoad']('dataSetImage');
|
||||
});
|
||||
st = setTimeout(function() {
|
||||
fSrc['checkLoad']('dataSetImage');
|
||||
}, 5000);
|
||||
}
|
||||
},
|
||||
'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(fn) {
|
||||
if (!dataAllSrc) return;
|
||||
dataAllSrc.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']('dataCountImage');
|
||||
})();
|
||||
</script>
|
||||
|
||||
<script src="/themes/<%- page.theme %>/public/js/all.min.js"></script>
|
||||
|
||||
<%- page.codes.footer %>
|
|
@ -12,7 +12,7 @@
|
|||
<li>
|
||||
<a href="<%- movie.url %>">
|
||||
<span class="icon-noimage">
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="film-poster"
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy film-poster"
|
||||
alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</span>
|
||||
<i class="fa ico-play"></i>
|
||||
|
|
|
@ -10,8 +10,9 @@
|
|||
<% [top.shift()].forEach(function (movie) { %>
|
||||
|
||||
<div id="now-playing" class="slider slider-main">
|
||||
<a href="<%- movie.url %>" class="playing-poster "><img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>"
|
||||
alt="<%= page.l.online %> <%= movie.title %>"></a>
|
||||
<a href="<%- movie.url %>" class="playing-poster ">
|
||||
<img src="<%- movie.poster_min %>" class="lazy" data-src="<%- movie.poster %>" alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<% }); %>
|
||||
|
@ -48,8 +49,9 @@
|
|||
[category.movies.shift()].forEach(function (movie) { %>
|
||||
|
||||
<div id="now-playing" class="slider slider-main">
|
||||
<a href="<%- movie.url %>" class="playing-poster "><img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>"
|
||||
alt="<%= page.l.online %> <%= movie.title %>"></a>
|
||||
<a href="<%- movie.url %>" class="playing-poster">
|
||||
<img src="<%- movie.poster_min %>" class="lazy" data-src="<%- movie.poster %>" alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
|
@ -280,8 +282,9 @@
|
|||
<% soon.forEach(function (movie) { %>
|
||||
|
||||
<li class="slider-item">
|
||||
<a href="<%- movie.url %>" class="playing-poster "><img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>"
|
||||
alt="<%= page.l.online %> <%= movie.title %>"></a>
|
||||
<a href="<%- movie.url %>" class="playing-poster">
|
||||
<img src="<%- movie.poster_min %>" class="lazy" data-src="<%- movie.poster %>" alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</a>
|
||||
<div class="comming-soon-name">
|
||||
<a href="<%- movie.url %>" class="name-movie">
|
||||
<span class="name-rus" style="white-space:normal;"><%= movie.title %></span>
|
||||
|
|
|
@ -66,7 +66,7 @@
|
|||
<div class="short">
|
||||
<a href="<%- movie.url %>">
|
||||
<div class="like-count-wrap">
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="poster" alt="<%= movie.title %>">
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy poster" alt="<%= movie.title %>">
|
||||
<% if (movie.quality) { %>
|
||||
<div class="like">
|
||||
<div class="count green"><%- movie.quality %></div>
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
<li>
|
||||
<a href="<%- movie.url %>">
|
||||
<span class="icon-noimage">
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="film-poster"
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy film-poster"
|
||||
alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</span>
|
||||
<i class="fa ico-play"></i>
|
||||
|
@ -115,7 +115,7 @@
|
|||
<article class="fullstory">
|
||||
<div class="short min">
|
||||
<span>
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="poster" alt="<%= page.title %>"
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy poster" alt="<%= page.title %>"
|
||||
title="<%= page.title %>" data-cinemapress-poster="<%- movie.poster %>">
|
||||
</span>
|
||||
<% if (page.urls.movies.online) { %>
|
||||
|
@ -135,7 +135,7 @@
|
|||
<div class="trailer-wrap">
|
||||
<span class="trailer-title"><%- page.l.trailer %>:</span>
|
||||
<a href="<%- movie.url %>/<%- page.urls.movies.trailer %>">
|
||||
<div class="trailer-img icon-playSlim" style="background: url('<%- movie.picture_min %>') 100% 100% no-repeat; background-size: cover;" data-cinemapress-bg-src="<%- movie.picture %>"></div>
|
||||
<div class="lazy trailer-img icon-playSlim" style="background: url('<%- movie.picture_min %>') 100% 100% no-repeat; background-size: cover;" data-bg="<%- movie.picture %>"></div>
|
||||
<div class="trailer-video"></div>
|
||||
</a>
|
||||
</div>
|
||||
|
@ -357,7 +357,7 @@
|
|||
<li class="slider-item">
|
||||
<a href="<%- movie.url %>">
|
||||
<span class="slider-img ">
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="film-poster"
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy film-poster"
|
||||
alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</span>
|
||||
<div class="film-name"><%= movie.title %></div>
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
<li>
|
||||
<a href="<%- movie.url %>">
|
||||
<span class="icon-noimage">
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="film-poster"
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy film-poster"
|
||||
alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</span>
|
||||
<i class="fa ico-play"></i>
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
<li>
|
||||
<a href="<%- movie.url %>">
|
||||
<span class="icon-noimage">
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="film-poster"
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy film-poster"
|
||||
alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</span>
|
||||
<i class="fa ico-play"></i>
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
<li>
|
||||
<a href="<%- movie.url %>">
|
||||
<span class="icon-noimage">
|
||||
<img src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" class="film-poster"
|
||||
<img src="<%- movie.poster_min %>" data-src="<%- movie.poster %>" class="lazy film-poster"
|
||||
alt="<%= page.l.online %> <%= movie.title %>">
|
||||
</span>
|
||||
<i class="fa ico-play"></i>
|
||||
|
|
Loading…
Reference in New Issue