[-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.
Signalez moi vos optimisation que je pourrai apporter, bugs et autres incompatibilités.
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;"> </div>
</center>
</body>
</html>
Conclusion :
Signalez moi vos optimisation que je pourrai apporter, bugs et autres incompatibilités.
Codes Sources
A voir également
- Carrousel javascript
- Carrousel javascript simple - Meilleures réponses
- Carrousel javascript code - Meilleures réponses
- C / C++ / C++.NET : Classe pour capture image (video) avec webcam usb (utilisant vfw.h) - CodeS Sou - Guide
- Visual Basic / VB.NET : Classe mp3 (tags, image) - CodeS SourceS - Guide
- Classe pdf pour images - Codes sources - Visual Basic / VB.NET (Divers)
- Image classe ✓ - Forum - C# / .NET
- Classer des images par gende dans des répertoires via une touche clavier - Codes sources - Visual Basic / VB.NET (Graphique)
Commentaires
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)
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.
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
Idem JBOIT. je vais chercher un peu mais si vous avez la solution je gagnerais un temps fou. :lol:
Merci pour cette source.
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.