comunes/todos-contra-el-fuego-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Trying to add blur and lazy to slides

Browse source
This commit is contained in:
vjrj 2018-05-08 12:31:30 +02:00
parent 53c81e4f15
commit 9d68b1e6c1
8 changed files with 25 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
imports/ui/pages/Index/Index.js
View file

@ -41,8 +41,10 @@ class Index extends Component {
const car2 = $('#carouselSndIndicators');
car1.carousel();
car2.carousel();
_.defer(() => {
$('#firsthomeslide').addClass('lazy');
});
const loadLazy = (ev) => {
// console.log('Slide');
ev.relatedTarget.classList.add('lazy');
};
car1.on('slide.bs.carousel', loadLazy);
@ -114,7 +116,7 @@ class Index extends Component {
</ol>
<div className="carousel-inner" role="listbox">
<div className="carousel-item carousel-item-1 active">
<div id="firsthomeslide" className="carousel-item carousel-item-1 active">
<div
tabIndex={0}
role="button"