[-class-] -> carroussel d'images

Soyez le premier à donner votre avis sur cette source.

Vue 20 150 fois - Téléchargée 2 884 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
@karamel Messages postés 1823 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 20 mars 2023 145
21 nov. 2009 à 20:46
bonjour

tu aurait du cree deux source differente une pour le carouselle et une autre pour le fondu qui lui n'est pas un carouselle mis a part ca sa fonctionne bien il faut tout de meme se prendre un peut la tete pour effectuer ses reglages; je trouve les reglages actuelle trop lent.
JBOIT Messages postés 1 Date d'inscription lundi 20 octobre 2003 Statut Membre Dernière intervention 23 novembre 2009
23 nov. 2009 à 09:15
Bonjour
parfait très sympa le fondu est un peu lent
Si sur chaque image on pouvait mettre un lien html
carroussel ou fondu ce serait le top.

bonne continuation
mfcbaa Messages postés 9 Date d'inscription samedi 26 avril 2003 Statut Membre Dernière intervention 8 janvier 2009
23 nov. 2009 à 15:13
Bonjour,

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

Merci pour cette source.
emery651 Messages postés 2 Date d'inscription vendredi 7 juillet 2006 Statut Membre Dernière intervention 23 novembre 2009
23 nov. 2009 à 21:35
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
zazou971840692 Messages postés 2 Date d'inscription mercredi 24 novembre 2010 Statut Membre Dernière intervention 1 décembre 2010
30 nov. 2010 à 01:18
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.

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.