Accueil > > > [-CLASS-] -> CARROUSSEL D'IMAGES
 [-CLASS-] -> CARROUSSEL D'IMAGES
 Information sur la source
 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;"> </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;"> </div>
</center>
</body>
</html>
 Conclusion
Signalez moi vos optimisation que je pourrai apporter, bugs et autres incompatibilités.
 Sources du même auteur
 Sources de la même categorie
 Commentaires et avis
 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 également convaincu que ce script peut servir à bcp de personne. Ceci ma premiè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 :<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
|
Derniers Blogs
 WP7 5K BELGIUM CHALLENGEWP7 5K BELGIUM CHALLENGE par junarnoalg
Microsoft Belgique a le plaisir de vous annoncer le lancement du
Challenge Windows Phone 7
. Celui-ci se déroule du 12 juillet au 30 novembre 2010 et vous donne l'opportunit...
Cliquez pour lire la suite de l'article par junarnoalg LES MONADES POUR LES NULSLES MONADES POUR LES NULS par mdufourneaudravel
Avec l'annonce de F#, je me suis intéressé de plus en plus à la programmation fonctionnelle, je suis donc rapidement tombé sur les " monades ", mais malgré la lecture de plusieurs articles, j'étais resté perméable à leur concept. C'est désormais fini, grâ...
Cliquez pour lire la suite de l'article par mdufourneaudravel [WP7] AJOUTER DES IMAGES DANS LA MEDIA LIBRARY D'UN WINDOWS PHONE 7[WP7] AJOUTER DES IMAGES DANS LA MEDIA LIBRARY D'UN WINDOWS PHONE 7 par Audrey
L'émulateur Windows Phone 7, fourni avec la version Beta des outils développeurs n'inclut aucune image dans sa bibliothèque. Pas très pratique de tester son application lorsque l'on souhaite que l'utilisateur puisse choisir une image présente dans le télé...
Cliquez pour lire la suite de l'article par Audrey VIVE LES MOCKS ET LES POCOSVIVE LES MOCKS ET LES POCOS par vLabz
J'observe régulièrement autour de moi de la confusion à propos de ces deux termes et j'aimerais juste rappeler ce qu'ils signifient. Je ne suis bien sûr pas le mieux placé pour faire une leçon mais je vais faire de mon mieux pour mettre en valeur ce q...
Cliquez pour lire la suite de l'article par vLabz [WF4] WORKFLOW AND CUSTOM ACTIVITIES - BEST PRACTICES (4/5)[WF4] WORKFLOW AND CUSTOM ACTIVITIES - BEST PRACTICES (4/5) par JeremyJeanson
Vendredi dernier Microsoft a publié le quatrième épisode des bonnes pratiques pour coder ses activités custom dans WF4 : endpoint.tv - Workflow and Custom Activities - Best Practices (Part 4) . Tout comme pour les précédents épisodes, j'ai pris le temps d...
Cliquez pour lire la suite de l'article par JeremyJeanson
Logiciels
 Crystal Report (11)CRYSTAL REPORT (11)Crystal Reports est un outil de reporting souple et puissant, vous pouvez très facilement consult... Cliquez pour télécharger Crystal Report Academy System (12.0.2.0)ACADEMY SYSTEM (12.0.2.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft iPod Vidéo Convertisseur 6 (6.0.3.0419)XILISOFT IPOD VIDéO CONVERTISSEUR 6 (6.0.3.0419)Xilisoft iPod Vidéo Convertisseur est un outil puissant de conversion d'iPod, facile à utiliser. ... Cliquez pour télécharger Xilisoft iPod Vidéo Convertisseur 6 Xilisoft iPhone Vidéo Convertisseur 6 (6.0.3.0419)XILISOFT IPHONE VIDéO CONVERTISSEUR 6 (6.0.3.0419)Xilisoft iPhone Vidéo Convertisseur est le meilleur logiciel de conversion iPhone qui peut facile... Cliquez pour télécharger Xilisoft iPhone Vidéo Convertisseur 6 Xilisoft iPad Vidéo Convertisseur 6 (6.0.3.0419)XILISOFT IPAD VIDéO CONVERTISSEUR 6 (6.0.3.0419)Il s'agit d'un logiciel polyvalent pour convertir les formats vidéo/audio populaires en formats p... Cliquez pour télécharger Xilisoft iPad Vidéo Convertisseur 6
|