我如何使一个图像的链接，链接到另一个图像，使用javascript

How do I make an image into a link, that links to another image, using javascript?

本文关键字：链接 图像 另一个 javascript 使用 何使一      更新时间：2023-09-26

这是我到目前为止得到的，我似乎不能让它工作。

当你点击另一张图片时，我想显示的是有id="hap_text"的图片

<script>
$(function() {
    $('.touch_bg #touch_hap').click(function(e) {
        e.preventDefault();
        $('#hap_text').toggleClass('hidden');
    });
});
</script>
<div class="container touch_bg">
    <div>
        <a href="#"><img id="touch_hap" src="img/info/lefttouch.png"></a>
        <img id="hap_text" class="hidden" src="img/info/habitattext.png">
    </div>
</div>

， CSS是:

.hidden {
    display: none;
}

Uncaught ReferenceError: $ is not defined

不要忘记使用jQuery。否则，您的代码看起来很好。

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>


$(function() {
  $('.touch_bg #touch_hap').click(function(e) {
    e.preventDefault();
    $('#hap_text').toggleClass('hidden');
  });
});
.hidden {
  display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="container touch_bg">
  <div>
    <a href="#">
      <img id="touch_hap" src="img/info/lefttouch.png">
    </a>
    <img id="hap_text" class="hidden" src="img/info/habitattext.png">
  </div>
</div>

相关文章：