淡入淡出 <img>答案

【问题标题】：fading in and out <img>淡入淡出 <img>
【发布时间】：2018-07-30 23:08:42
【问题描述】：

我正在尝试淡入和淡出一些图像，我使用了img src=""，因为它显示了完整的图片。如果我使用类或 ID，它只会显示一半的图片，所以我想要完成的是，当用户点击图片时，它会淡出该图片并淡入另一张图片。

function clickimageone(l) {
  alert("test");
  question1button1 = true;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="img/firstquestion.jpg" onclick="questionone()" class="question1" style="height: 350px; width: 600px; position: absolute; top: 130px; left: 620px">
<div class="image"><img src="img/500.png" onclick="clickimageone(this)" class="border1" style="height: 500px; max-height: 150px;  max-width: 300px; position: absolute; top: 500px; left: 650px"></div>
<div class="image"><img src="img/1000.png" onclick="clickimagetwo(this)" class="border2" style="height: 500px; max-height: 150px; max-width: 300px; position: absolute; top: 500px; left: 780px"></div>
<div class="image"><img src="img/1500.png" onclick="clickimagethree(this)" class="border3" style="height: 500px; max-height: 150px; max-width: 300px; position: absolute; top: 500px; left: 910px"></div>
<div class="image"><img src="img/2000.png" onclick="clickimagefour(this)" class="border4" style="height: 500px; max-height: 150px; max-width: 300px; position: absolute; top: 500px; left: 1040px"></div>
<img src="test.jpg" class="questiontwo" style="display:hidden;">

<Script>
  $('.border1').click(function(e) {
    $('.image, .border1, .border2, .border3, .border4, .question1, .contentanswer, .contentbackground').fadeOut('slow', function() {
      $('.questiontwo').fadeIn('slow');
    });
  });
</Script>

那么我可以淡入淡出 img 标签吗？

【问题讨论】：

不再需要帮助，我自己解决了问题
如果您找到解决方案，请考虑发布您的解决方案作为您自己问题的答案。只是一个提示:)
不确定您对“完整”图片与“一半”图片的含义。屏幕截图可能会有所帮助。如果您想在此处留下问题，请考虑对其进行编辑以更清楚地说明所询问的内容 - 无论您是否计划发布您提出的解决方案 - 或其他方式。当然，好的解决方案也会受到欢迎。

标签： javascript jquery html css

【解决方案1】：

我只是编辑了错误的文件，这就是妈妈发生的原因

【讨论】：