Mikescher/www.mikescher.com
1
0
Fork 0
Code Actions Activity

carousel for programview

Browse Source
This commit is contained in:
Mike Schwörer
2018-02-09 22:59:02 +01:00
parent 78492852f1
commit e2f17af6d7
61 changed files with 171 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
www/data/javascript/blogpost_BFJoustBot_script.js
View File

@@ -770,14 +770,14 @@ function collapse(code) {
//######################################################
window.onload = function ()
window.addEventListener("load",function ()
{
document.getElementById("a_expand").onclick = onExpandClicked;
document.getElementById("a_collapse").onclick = onCollapseClicked;
document.getElementById("a_run").onclick = onRunClicked;
document.getElementById("a_stop").onclick = onStopClicked;
document.getElementById("a_arena").onclick = onArenaClicked;
};
},false);
function onExpandClicked() {

4
www/data/javascript/blogpost_bef93runner.js
View File

@@ -445,7 +445,7 @@ function htmlescape(str) {
return str;
}
window.onload = function ()
window.addEventListener("load",function ()
{
let elements = document.getElementsByClassName("b93rnr_base");
@@ -468,4 +468,4 @@ window.onload = function ()
if (befungeObject.btnEdit !== undefined)
befungeObject.btnEdit.onclick = function () { if (befungeObject.btnEdit.classList.contains('ctrl_btn_disabled')) return; befungeObject.startEdit(); };
}
};
},false);

4
www/data/javascript/egh.js
View File

@@ -15,7 +15,7 @@ function formatDate(date) {
return wday + ' ' + day + suffix + ' ' + monthNames[monthIndex] + ', ' + year;
}
window.onload = function ()
window.addEventListener("load",function ()
{
let svgtips = document.getElementsByClassName("svg-tip");
let rects = document.getElementsByClassName("egg_rect");
@@ -54,4 +54,4 @@ window.onload = function ()
masterTip.style.display = 'none';
});
}
};
},false);

50
www/data/javascript/ms_basic.js
View File

@@ -1,3 +1,10 @@
window.addEventListener("load", function()
{
imgcarousel_init();
},false);
function findParent(el, selector) {
let retval = null;
while (el) {
@@ -19,14 +26,51 @@ function findChild(el, selector) {
return null;
}
function imgcarousel_init() {
for (let carousel of document.getElementsByClassName("imgcarousel_parent"))
{
let images = JSON.parse(carousel.getAttribute('data-imgcarousel-images'));
let btnPrev = findChild(carousel, '.imgcarousel_prev');
let btnNext = findChild(carousel, '.imgcarousel_next');
btnPrev.setAttribute('href', "javascript:void(0)");
btnNext.setAttribute('href', "javascript:void(0)");
btnPrev.onclick = function () { imgcarousel_move(carousel, -1); };
btnNext.onclick = function () { imgcarousel_move(carousel, +1); };
if (images.length <= 1)
{
btnPrev.setAttribute('style', 'visibility:hidden');
btnNext.setAttribute('style', 'visibility:hidden');
}
imgcarousel_move(carousel, 0);
}
}
function imgcarousel_move(source, delta) {
let carousel = findParent(source, ".imgcarousel_parent");
let carousel = findParent(source, ".imgcarousel_parent"); // <div>
let index = parseInt(carousel.getAttribute('data-imgcarousel-index'));
let images = JSON.parse(carousel.getAttribute('data-imgcarousel-images'));
let content = findChild(carousel, '.imgcarousel_content');
let content = findChild(carousel, '.imgcarousel_content'); // <img>
index = (index + delta + images.length) % images.length;
let img = images[index];
carousel.setAttribute('data-imgcarousel-index', index);
content.setAttribute('style', 'background-image: url(' + images[index] + ');');
if (img.toLowerCase().endsWith('.webm'))
{
content.setAttribute('style', '');
content.innerHTML = '<video autoplay loop muted><source src="' + img + '"></video>';
}
else
{
content.setAttribute('style', 'background-image: url(' + img + ');');
content.innerHTML = '';
}
}