Ein- und Ausblenden <img>

Question

Ich versuche, einige Bilder ein- und auszublenden und habe img src="" verwendet, weil es das ganze Bild zeigt. Wenn ich eine Klasse oder ID verwenden, wird es zeigen nur die Hälfte Bild so, was ich versuche zu erreichen, wenn der Benutzer auf das Bild klickt, wird es das Bild ausgeblendet und verblassen ein anderes Bild in.

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>

Also kann ich IMG-Tags ein- und ausblenden?

Answer 1

ich einfach redigierte die falsche Datei, die war, warum Mutter