Age Of Empires 2: rejoignez le club pour qu'on se fasse des parties

// ==UserScript==
// @name Onche - Imgur Viewer with Navigation
// @namespace http://tampermonkey.net/
// @version 1.1
// @description Affiche les images Imgur en grand avec système de navigation (clavier et boutons)
// @author YourName
// @match https://onche.org/topic/*
// @grant GM_addStyle
// ==/UserScript==

(function() {
'use strict';

GM_addStyle(`
.imgur-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 99999;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
}
.imgur-overlay img {
max-width: 90%;
max-height: 90%;
box-shadow: 0 0 20px rgba(0,0,0,0.6);
border-radius: 4px;
cursor: pointer;
}
.imgur-nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.5);
color: #fff;
border: none;
font-size: 2rem;
padding: 15px 20px;
cursor: pointer;
transition: background 0.2s;
border-radius: 4px;
}
.imgur-nav-btn:hover {
background: rgba(255, 255, 255, 0.2);
}
.imgur-prev-btn { left: 20px; }
.imgur-next-btn { right: 20px; }
`);

let currentImages = [];
let currentIndex = -1;
let overlayElement = null;

function getImgurLinks() {
const links = Array.from(document.querySelectorAll('a.link[href*="imgur.com"]'));
return links.map(link => {
let url = link.href;
if (!url.match(/\.(jpeg|jpg|png|gif|webp)$/i)) {
url += '.jpeg';
}
return url;
});
}

function updateOverlayImage() {
if (!overlayElement) return;
const img = overlayElement.querySelector('img');
img.src = currentImages[currentIndex];
}

function navigate(direction) {
if (currentImages.length <= 1) return;
currentIndex = (currentIndex + direction + currentImages.length) % currentImages.length;
updateOverlayImage();
}

function closeOverlay() {
if (overlayElement) {
overlayElement.remove();
overlayElement = null;
document.removeEventListener('keydown', handleKeyDown);
}
}

function handleKeyDown(e) {
if (e.key === 'ArrowRight') navigate(1);
if (e.key === 'ArrowLeft') navigate(-1);
if (e.key === 'Escape') closeOverlay();
}

function createOverlay(index) {
currentIndex = index;

overlayElement = document.createElement('div');
overlayElement.className = 'imgur-overlay';

const img = document.createElement('img');
img.src = currentImages[currentIndex];
img.addEventListener('click', (e) => {
e.stopPropagation();
closeOverlay();
});
overlayElement.appendChild(img);

if (currentImages.length > 1) {
const prevBtn = document.createElement('button');
prevBtn.className = 'imgur-nav-btn imgur-prev-btn';
prevBtn.innerHTML = '❮';
prevBtn.addEventListener('click', (e) => {
e.stopPropagation();
navigate(-1);
});

const nextBtn = document.createElement('button');
nextBtn.className = 'imgur-nav-btn imgur-next-btn';
nextBtn.innerHTML = '❯';
nextBtn.addEventListener('click', (e) => {
e.stopPropagation();
navigate(1);
});

overlayElement.appendChild(prevBtn);
overlayElement.appendChild(nextBtn);
}

overlayElement.addEventListener('click', closeOverlay);
document.body.appendChild(overlayElement);
document.addEventListener('keydown', handleKeyDown);
}

document.addEventListener('click', function(e) {
const link = e.target.closest('a.link[href*="imgur.com"]');
if (!link) return;

e.preventDefault();

currentImages = getImgurLinks();
let targetUrl = link.href;
if (!targetUrl.match(/\.(jpeg|jpg|png|gif|webp)$/i)) {
targetUrl += '.jpeg';
}

const index = currentImages.indexOf(targetUrl);
if (index !== -1) {
createOverlay(index);
}
});
})();