Sign in to follow this  
Temiks

Запрет на изменение размеров блока

Recommended Posts

Здравствуйте.
Есть три картинки.

При клике на первую картинку она увеличивается в размерах. (получилось)

При клике на вторую картинку - первая картинка уменьшается в размерах. (получилось)
При клике на третью картинку - первая картинка запоминает свой размер и больше не изменяется. (не получилось)

Как  можно реализовать запрет на изменение блока только с помощью JQ? (Задача по JQ)
Я думаю нужно сделать при клике на 3 картинку свойства !important, но не получается написать его с помощью JQ.
...

<img src="img.jpg" alt="" class="img-circle" id="img-1" ><img src="img.jpg" alt="" class="img-circle" id="img-2"><img src="img.jpg" alt="" class="img-circle" id="img-3">
$('#img-1').click(  function() {    $(this).animate({      height: 250,      width: 250    }, 1000);  });$('#img-2').click(  function() {    $('#img-1').animate({      height: 150,      width: 150    }, 1000);  });$('#img-3').click(  function() {    var gHeight = $('#img-1').height();    var gWidth = $('#img-1').width();     // а тут нужно дописать то, чего я не знаю  });

Share this post


Link to post
Share on other sites

$('#img-1').on('click',

function() {

$(this).animate({

height: 250,

width: 250

}, 1000);

}

);

$('#img-2').on('click',

function() {

$('#img-1').animate({

height: 150,

width: 150

}, 1000);

}

);

$('#img-3').on('click',

function() {

$('#img-1, #img-2').off();

}

);

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Member Statistics

    46,330
    Total Members
    3,128
    Most Online
    TimofejUS
    Newest Member
    TimofejUS
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.