begin process at 2012 02 05 22:34:31
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Graphique

 > [-CLASS-] -> CARROUSSEL D'IMAGES

[-CLASS-] -> CARROUSSEL D'IMAGES


 Information sur la source

Note :
9 / 10 - par 1 personne
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Classé sous :Class, Images, Graphique, Carroussel, Photos Niveau :Débutant Date de création :19/11/2009 Vu / téléchargé :8 633 / 1 451
Auteur : TheWeasel47

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

 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

  • <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>
<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.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip CLASS BARRE DE DÉFILEMENT (SCROLLBAR) JAVASCRIPT
Source avec Zip CLASS VERIFICATION DES SAISIES
Toutes les sources de TheWeasel47

 Sources de la même categorie

Source avec Zip Source avec une capture PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma
Source avec Zip Source avec une capture CALCULATRICE HEURE par m22001111
Source avec Zip Source avec une capture DRAG & DROP VERS UN CANVAS par kazma
Source avec Zip ROTATION D'UNE IMAGE, ANIMATION par william voirol
Source avec Zip FRACTALES, FOUGÈRE, TRIANGLE, CARRÉ par william voirol
Toutes les sources de la catégorie Graphique

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture SCRIPT DE PRÉCHARGEMENT D'IMAGES par heycraft
Source avec Zip Source avec une capture FAIRE DEFILER DES IMAGE A LA MOLETTE OU SOURIS par kazma
Source avec Zip Source avec une capture [DSI] DÉPLACEMENTS SUR IMAGES par Bul3
Source avec Zip UNE HEURE GRAPHIQUE SIMPLE EN JAVASCRIPT par reynum
Source avec Zip IMAGES EN FUITE par abdelaziz_info

Commentaires et avis

Commentaire de kazma le 21/11/2009 20:46:14 administrateur CS 9/10

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.

Commentaire de JBOIT le 23/11/2009 09:15:41

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

Commentaire de mfcbaa le 23/11/2009 15:13:05

Bonjour,

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

Merci pour cette source.

Commentaire de emery651 le 23/11/2009 21:35:03

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

  

Commentaire de zazou971840692 le 30/11/2010 01:18:47

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.

Commentaire de TheWeasel47 le 30/11/2010 15:25:29

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)

Commentaire de zazou971840692 le 01/12/2010 00:51:17

Merci beaucoup THEWEASEL47, j'y suis arrivé sans problème! Bonne soirée et merci encore!

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Class Defilement auto d'images avec animation [ par MeTh ] Je suis sur d'etre pret du but et je suis &#233;galement convaincu que ce script peut servir &#224; bcp de personne. Ceci ma premi&#232;re tentative Problème galerie d'images générée en js [ par way2web ] Bonjour,j'ai créé une galerie photo générée via javascript qui affiche 5 ou 7 photos par page en fonction de la résolution du visiteur, avec des liens Préchargement d'images [ par DAVIMIKA ] Bonjour,J'utilise une galerie photos composée  de photos miniatures qui s'agrandissent lors du survol de la souris.Comment avec mon lien atuel :&lt;a recherche de l aide pour inserer des photos qui viennent d internet, merci [ par toutiju ] bonsoir, tout d abord felicitations a tous les gens qui participe a ce site !! tres pratique et tres agréable en tout point !!!!!!! voila g un petit probleme envoie de requete URL [ par sexandsun ] Bonjour a tous, Je poste un topic car je galere depuis un moment sur un probleme impossible a resoudre. J'ai cree un Viewer en javascript qui permet javascript [ par dalinda ] je suis débutante en programmation web j'ai débutée par formatée en java script j'ai une probleme je veux savoir comment faire une diaporama de plusie animer des photos [ par pauljulia ] Bonjour, Je recherche un script simple pour l'utilisation suivante. Dans ma page j'insère des photos sans problèmes au milieu d'un texte. mais je voud Diviser image en 2 images [ par nash101 ] slt ts lmond, on me demande de diviser une image en 2 ou plusiers images (2 ou plusiers fichiers) et je ne sai pas par koi commencé. LE probleme c'es Cacher une class (css) avec prototype? [ par rebelor91 ] Bonjour j'ai un DIV à l'interieur de celui ci deux IMG, ces deux images sont superposées et je souhaite pouvoir cacher la deuxième image qui a une cla besoin d'aide svp [ par milimouse ] [size=200][/size] bonjour j ai crée un menu en java via des sources de divers forum mais le design ce n'est franchement pas sa du tout... si quelqu


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Renewable Energy is Within ReachPhoto Framed Landscape Image of Monument Valley
Photo Sunflower Farmland With Blue Cloudy Sky 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,529 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)