48 lines
1.9 KiB
JavaScript
48 lines
1.9 KiB
JavaScript
document.querySelectorAll('.galerie img').forEach(img => {
|
|
img.addEventListener('click', () => {
|
|
const overlay = document.createElement('div');
|
|
overlay.style.cssText =
|
|
'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' +
|
|
'align-items:center;justify-content:center;cursor:pointer;z-index:999';
|
|
|
|
const big = document.createElement('img');
|
|
big.src = img.src;
|
|
big.style.maxWidth = '90vw';
|
|
big.style.maxHeight = '90vh';
|
|
big.style.borderRadius = '10px';
|
|
|
|
overlay.appendChild(big);
|
|
overlay.addEventListener('click', () => overlay.remove());
|
|
document.body.appendChild(overlay);
|
|
});
|
|
});console.log("Meine Seite läuft!");
|
|
document.querySelectorAll('.galerie img').forEach(img => {
|
|
img.addEventListener('click', () => {
|
|
const overlay = document.createElement('div');
|
|
overlay.style.cssText =
|
|
'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' +
|
|
'align-items:center;justify-content:center;cursor:pointer;z-index:999';
|
|
const big = document.createElement('img');
|
|
big.src = img.src;
|
|
big.style.maxWidth = '90vw';
|
|
big.style.maxHeight = '90vh';
|
|
overlay.appendChild(big);
|
|
overlay.addEventListener('click', () => overlay.remove());
|
|
document.body.appendChild(overlay);
|
|
});
|
|
});
|
|
document.querySelectorAll('.gallery img').forEach(img => {
|
|
img.addEventListener('click', () => {
|
|
const overlay = document.createElement('div');
|
|
overlay.style.cssText =
|
|
'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' +
|
|
'align-items:center;justify-content:center;cursor:pointer;z-index:999';
|
|
const big = document.createElement('img');
|
|
big.src = img.src;
|
|
big.style.maxWidth = '90vw';
|
|
big.style.maxHeight = '90vh';
|
|
overlay.appendChild(big);
|
|
overlay.addEventListener('click', () => overlay.remove());
|
|
document.body.appendChild(overlay);
|
|
});
|
|
});
|