else/if changer image src, ajouter un Fadein? par proefkip - page 1

Bonjour a tous,

J'ai creer un javascript pour alterner trois images, comment puis-ja ajouter un fade in pour la transition entre les images?

Voici mon html

<!DOCTYPE html>
	<html>
		
		<head>
			<meta charset='uft-8'/>
			<link rel='stylesheet' href='style.css' />
			<title> Photos Einstein</title>
			<link rel="icon" type="image/x-ico" href="image1/favicon.ico" />
			<style type="text/css"/> </style>
			<script type="text/javascript" langage="javascript"></script>
			<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
		</head> 		

		<body >  
				<div class='baseescargot'><img src='image1/es.jpg'id='esca'class='responsivesnale'></div>
				
				<div class='juliette2'><a href='j1.html'>- Juliette</a></div>
				
				<div class='siglej'><img src='image1/esju.jpg' class='responsivesnale'></div>
				
				<div class='zoom1'><a href='1bis.html#e5hide'>- Zoom</a></div>
				
				<div class='zoom2'><img src='image1/zoom.jpg'class='responsivesnale'></div>
				
				<div class='lucas2'><a href='l1.html'>- Lucas</a></div>
				
				<div class='siglel'><img src='image1/eslu.jpg'class='responsivesnale'></div>
				
				  <div class='sommaire'>
				<ul><a href='traject einstein.html'><li>- Einstein</li></a> 
					<a href='photos.html'><li id='encours'>- photos</li></a>
					<a href='contact.html'><li>- contact</li></a></ul>
			</div>		
</body >
	</html>

et mon javascript

<script>


	var image_tracker='escargot'
function escargot()
{
    var image = document.getElementById('esca');
        if(image_tracker==='escargot'){
        	image.src='image1/esju.jpg';
            image_tracker='juliette';
           image.css ('slow');

        }
        else if(image_tracker=='juliette'){
            image.src='image1/eslu.jpg';
            image_tracker='lucas';
            
        }
        else if(image_tracker==='lucas'){
            image.src='image1/es.jpg';
            image_tracker='escargot';
           
        }
		else{
            image.src==='image1/es.jpg';
            image_tracker='escargot';}
      }
   var timer = setInterval('escargot()',2000);
     


  </script>

Merci par avance!

else/if changer image src, ajouter un Fadein?

else/if changer image src, ajouter un Fadein?

Supprimer

Modérer

Signaler le message aux modérateurs