淡入淡出<img>

-3

我试图淡入和淡出一些图像，我用img src=""，因为它显示了完整的图像。如果我使用一个类或ID它只会显示所以我想要做到的是，当用户点击图片，将淡出该图像和淡入另一个图像一半。淡入淡出<img>

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

<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> \t \t $('.border1').click(function(e){  
 
    $('.image, .border1, .border2, .border3, .border4, .question1, .contentanswer, .contentbackground').fadeOut('slow', function(){ 
 
     $('.questiontwo').fadeIn('slow'); 
 
    }); 
 
}); 
 
</Script>

那么我能淡入和淡出img标签吗？

来源

2017-09-17 droplet gamb

不再需要帮助，我固定我自己的问题 –

请考虑在发布您的解决方案作为一个答案，你自己的问题，如果你想出了一个解决方案。只是一个提示:) – Jerrybibo

不知道你是什么意思的“全”Vs“一半”图片。截图可能会有所帮助。如果您想在此留下问题，请考虑进行编辑以更清楚地了解要问的内容 - 是否计划发布您提出的解决方案 - 或以其他方式发布。当然，一个好的解决方案也会受到欢迎。 –

我只是被编辑了错误的文件，这就是为什么母亲被happeneing

来源

2017-09-17 13:04:00

淡入淡出<img>

回答

相关问题