Added carousel.js for showing/hiding elements
This commit is contained in:
parent
00d4a81aef
commit
6f682bc54b
|
@ -0,0 +1,33 @@
|
||||||
|
app.carousel = {
|
||||||
|
hasNext: function(mod, i) {
|
||||||
|
i = i || mod._current;
|
||||||
|
return i < mod._size() - 1;
|
||||||
|
},
|
||||||
|
hasPrev: function(mod, i) {
|
||||||
|
i = i || mod._current;
|
||||||
|
return i > 0;
|
||||||
|
},
|
||||||
|
next: function(mod) {
|
||||||
|
if (!app.carousel.hasNext(mod))
|
||||||
|
return false;
|
||||||
|
return app.carousel.set(mod, mod._current+1);
|
||||||
|
},
|
||||||
|
prev: function(mod) {
|
||||||
|
if (!app.carousel.hasPrev(mod))
|
||||||
|
return false;
|
||||||
|
return app.carousel.set(mod, mod._current-1);
|
||||||
|
},
|
||||||
|
set: function(mod, i) {
|
||||||
|
const elements = mod._elements();
|
||||||
|
const current = elements[mod._current];
|
||||||
|
const next = elements[i];
|
||||||
|
if (mod._animation !== undefined) {
|
||||||
|
// TODO: animation run here
|
||||||
|
}
|
||||||
|
for (var j = 0; j < elements.length; j++)
|
||||||
|
elements[j].style = 'display: none';
|
||||||
|
next.removeAttribute('style');
|
||||||
|
mod._current = i;
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
};
|
Loading…
Reference in New Issue