[-class-] -> carroussel d'images

Télécharger le projet
Commenter

Description

Voila deux petites classes pour présenter plusieurs photos en carroussel, Ce script n'utilise pas de flash et est relativement facile à utiliser et mettre en place.

Source / Exemple : 


<html>
	<head>
		<title>Carroussel en Rotation</title>
		<SCRIPT type="text/javascript" src="JS/Carroussel_rotation.js"></script>
		<SCRIPT type="text/javascript">
			
			var Caroussel;
			function GenererCarrousel(){
				
				var Car_Image_Sources=new Array(
					"Img/tfile_menu_pic1.jpg",
					"Img/tfile_menu_pic2.jpg",
					"Img/tfile_menu_pic3.jpg",
					"Img/tfile_menu_pic4.jpg",
					"Img/tfile_menu_pic5.jpg",
					"Img/tfile_menu_pic6.jpg"
				);
				Caroussel=new Carroussel_Rotation(document.getElementById('Carousel_Menu'),Car_Image_Sources);
				Caroussel.RedimentionnerCalque(0); //Ajuste le calque à la taille maximal  de l'image la plus grande
				Caroussel.Definir_Vitesse(100); //Vitesse de rotation des photos (par défault 50ms)
				Caroussel.Vitesse_Changement_Images(2); //Vitesse de modifications de la taille des photos (par défault 5pixels)
				// Caroussel.Definir_Vitesse_Fondu(0.01); //Vitesse du fondu
			}
		</script>

	</head>
	<body onload="javascript:GenererCarrousel();">
		<center>
		<h1>Carroussel en rotation</h1>
		
		<div id="Carousel_Menu" style="position:relative; width: 600px;height: 300px; padding-bottom: 10px;">&nbsp;</div>
		</center>
	</body>
</html>

Conclusion :


Signalez moi vos optimisation que je pourrai apporter, bugs et autres incompatibilités.
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (TheWeasel47)