0

Делаю блок для выбора типа окна, и при клике должно меняться изображение, срабатывает только 2 раза

 function imgsrc(img) {
          if ($(img).attr("src") == "img/oor.png"){
            $(img).attr("src", "img/oh.png");
          }
          if ($(img).attr("src") == "img/oh.png"){
            $(img).attr("src", "img/oor.png");
          }

        }
        $('.imgee').click(function(){
            imgsrc($(this));
        });
0

2 ответа 2

0

Честно говоря решение не очень хорошее. У вас условие зависит от src.

  $('.imgee').click(function(){
      $(this).toggleClass('active');
  });

  .imgee img:first-child{display:block;}
  .imgee img:last-child{display:none;}
  .imgee.active img:first-child{display:none;}
  .imgee.active img:last-child{display:block;}
2
  • Совсем не понял ваш метод, можно детальней? 30 апр 2018 в 9:25
  • Прошу прощения забыл про html. <div class="imgee"><img src="img/oh.png"><img src="img/oor.png"></div>. + css и js который выше
    – x3zone
    30 апр 2018 в 11:07
0

Вам необходимо правильно обдумать логику if else

 function imgsrc(img) {
 console.log($(img).attr("src"));
          if ($(img).attr("src") == "img/oor.png"){
            $(img).attr("src", "img/oh.png");
          } else if ($(img).attr("src") == "img/oh.png"){
            $(img).attr("src", "img/oor.png");
          }

        }
        $('.imgee').click(function(){
            imgsrc($(this));
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<img class="imgee" src="img/oh.png">

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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