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