2

Не могу задать в качестве максимального значения 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); 
        }
    })
})
18
  • 1
    if (event.keyCode == 43 && Zplus <= 1)
    – Regent
    15 июн 2015 в 7:28
  • все получилось, наконец я, типо, сделал сделал это задание, спасибо! а почему не сработало image.css('zoom', Zplus, zoom Max: 1)
    – Dmitriy
    15 июн 2015 в 7:30
  • жаловался на двоеточие
    – Dmitriy
    15 июн 2015 в 7:31
  • как в примере map:{ center: true, zoom: 10, maxZoom: 18 }
    – Dmitriy
    15 июн 2015 в 7:33
  • На здоровье. ('zoom', Zplus, zoom Max: 1) - очень странная конструкция. Не знаю что под ней подразумевалось.
    – Regent
    15 июн 2015 в 7:34

1 ответ 1

3

Для запрета возможности выставления значения Zplus больше 1 можно использовать такой код:

if (event.keyCode == 43 && Zplus <= 1) {
    image.css('zoom', Zplus); 
}

Для выставления у элемента CSS значений zoom и max-zoom можно использовать такой код:

if (event.keyCode == 43) {
    image.css({ 'zoom': Zplus, 'max-zoom': 1 })
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.