JQ Rotate Images Animation SRC

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<center>
<script>
var scr=0;
$('document').ready(function(){
var i=20;
for(var i1=0;i!=i1;i--){
$('#img').css("font-size", "100px");
$('#img').css("color", "red").slideUp(Math.floor(Math.random()*200)).s('fast');
$('#img').css("width","100px").slideUp(Math.floor(Math.random()*300));
$('#img1').css("font-size", "100px");
$('#img1').css("color", "red").slideUp('fast').slideDown('fast');
$('#img1').css("width","100px").slideUp(Math.floor(Math.random()*300));
$('#img2').css("font-size", "100px");
$('#img2').css("color", "red").slideUp('fast').slideDown('slow');
$('#img2').css("width","100px").slideUp(Math.floor(Math.random()*300));
}
});
</script>
<img src="http://www.w3schools.com/colors/img_colormap.gif" id="img" onclick="scr++;
if(scr==25){
alert('You Win!!');
window.location=window.location.host
}
this.visible=false;">
<img src="http://www.w3schools.com/colors/img_colormap.gif" id="img1" onclick="scr++;
if(scr==25){
alert('You Win!!');
window.location=window.location.host
}
this.visible=false;">
<img src="http://www.w3schools.com/colors/img_colormap.gif" id="img2" onclick="scr++;
if(scr==25){
alert('You Win!!');
window.location="";
}
this.visible=false;">