[-class-] -> carroussel d'images

Soyez le premier à donner votre avis sur cette source.

Vue 16 777 fois - Téléchargée 2 644 fois

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.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
2
Date d'inscription
mercredi 24 novembre 2010
Statut
Membre
Dernière intervention
1 décembre 2010

Merci beaucoup THEWEASEL47, j'y suis arrivé sans problème! Bonne soirée et merci encore!
Messages postés
40
Date d'inscription
mercredi 19 mars 2008
Statut
Membre
Dernière intervention
25 août 2009

Bonsoir,

Pour la taille d'affichage de tes images elle est calculé en fonction de celle du div que tu lui donnes!
Donc modifie la propriété width du style de ton calque

Pour les vitesses de rotations ou de fondu il suffit de changer la valeur que l'on envoie au méthode :
Vitesse_Changement_Images(XX)
ou
Caroussel.Definir_Vitesse_Fondu(XX)
Messages postés
2
Date d'inscription
mercredi 24 novembre 2010
Statut
Membre
Dernière intervention
1 décembre 2010

Bonsoir,

Moi aussi, je trouve que ce carrousel est sympa. Je débute tout juste et pourtant j'ai pu très facilement modifier les images. Malheureusement, j'aimerais moi-aussi augmenter la vitesse du fondu ainsi que la taille des images, mais je débute donc je ne sais vraiment pas à quoi m'attaquer. J'ai essayé d'augmenter le nombre de pixels (px) mais ça n'a rien changé. Que faire?

Merci d'avance pour vos réponses.
Messages postés
2
Date d'inscription
vendredi 7 juillet 2006
Statut
Membre
Dernière intervention
23 novembre 2009

Bonsoir,

Le script est exploitable, il est bien, mais si vous pouvez marquer un arrêt sur image avec l'option on mouse, se serait bien.

Cordialement

Vince
Messages postés
9
Date d'inscription
samedi 26 avril 2003
Statut
Membre
Dernière intervention
8 janvier 2009

Bonjour,

Idem JBOIT. je vais chercher un peu mais si vous avez la solution je gagnerais un temps fou. :lol:

Merci pour cette source.
Afficher les 7 commentaires

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.