8,545
edits
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
document.addEventListener("DOMContentLoaded", function() { | |||
const zoomBtn = document.getElementById('zoom-btn'); | |||
const image = document.getElementById('zoomable-image'); | |||
const zoomLevels = [1, 1.1, 1.2, 1.5, 1.8]; // Уровни зума | |||
let currentZoomLevel = 0; | |||
zoomBtn.addEventListener('click', function() { | |||
currentZoomLevel = (currentZoomLevel + 1) % zoomLevels.length; | |||
image.style.transform = `scale(${zoomLevels[currentZoomLevel]})`; | |||
zoomBtn.textContent = `Zoom ${Math.round((zoomLevels[currentZoomLevel] - 1) * 100)}%`; | |||
}); | |||
}); | |||
document.addEventListener("DOMContentLoaded", function() { | document.addEventListener("DOMContentLoaded", function() { |