Не могу задать в качестве максимального значения zoom
1, чтобы картинка при увеличении не вылезала за рамку.
$(document).ready(function() {
$(document.body).append('<div class="div1" style="position:relative;border:5px solid black; width:300px; height:300px;"</div>');
$('.div1').append('<img id="img1" src="images/10.jpg" style="position: absolute; margin: auto;top: 0; left: 0; bottom: 0; right: 0; width: 300px; height: 300px;"/>');
$(document).keypress(function(event) {
image = $('img');
var imageZoom = parseFloat(image.css('zoom'));
var zoomPlus = 0.05; // Шаг
var zoomMinus = -0.05;
var Zplus = imageZoom + zoomPlus;
var Zmin = imageZoom + zoomMinus;
if (event.keyCode == 43) {
image.css('zoom', Zplus); //нужен maxZoom : 1, чтобы картинка не вылезала за рамку
}
if (event.keyCode == 45) {
image.css('zoom', Zmin);
}
})
})
if (event.keyCode == 43 && Zplus <= 1)
('zoom', Zplus, zoom Max: 1)
- очень странная конструкция. Не знаю что под ней подразумевалось.