Comment faire défiler un texte ou des images en html
Pour faire défiler un texte ou bien une (des) image(s), les balises seront diférentes selon le sens où vous voulez les faire défiler:
Pour un défilement de droite à gauche:
Les balises pour un défilement de droite à gauche sont <marquee> </marquee>
Ce qui vous donne pour un texte: <marquee>VOTRE TEXTE</marquee>
Et pour une ou des images: <marquee>LIEN URL DE VOS IMAGES</marquee>
DEFILEMENT TEXTE:
DEFILEMENT IMAGE:
Pour un défilement de bas en haut:
Pour effectuer un défilement de bas en haut les balises sont les suivantes:
<marquee direction="up" scrollamount="2" height="200" width="350"> </marquee>
L'information direction="up" designe un defilement bas haut, pour faire un défilement haut bas il vous faudra mettre down à la place de up.
L'information scrollamount ="2" est la vitesse de défilement plus le chiffre sera élévé plus la vitesse sera rapide.
Les informations height et width sont la place que devra prendre le défilement dans votre page, height désigne la hauteur et width designe la largeur.
Pour un défilement texte:
<marquee direction="up" scrollamount="2" height="200" width="350">VOTRE TEXTE</marquee>
Pour un défilement d'images:
<marquee direction="up" scrollamount="2" height="200" width="350">LIENS DE VOS IMAGES</marquee>
DEFILEMENT TEXTE
DEFILEMENT IMAGES
Vous avez aussi la possibilité de faire un défilement avec arrêt au passage du curseur:
Les codes deviennent alors ainsi:
DEFILEMENT DE DROITE A GAUCHE:
<marquee id="id1"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">VOTRE TEXTE ICI ou IMAGES</span></marquee>
DEFILEMENT DE BAS EN HAUT:
<marquee id="id1"direction="up" scrollamount="2" height="200" width="350"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">LIENS DE VOS IMAGES</marquee>
Ce qui donne en image
droite gauche
Bas haut
1/10 sur 138 votes
Sélectionnez une note dans le menu déroulant.
26. danny Le 09/05/2009 à 20:48
j'aimerais avoir le code html pour avoir des photos qu'on peux sélectioner de gauche a droite comme sur kijiji en vedette sur leur page aceuil .
qulqu'un connais?
25. Didou Le 06/05/2009 à 07:43
Bonjour
Merci pour ces codes qui vont m'être très utiles pour mon site.
Cordialement
Didou
24. Maximilien Le 03/05/2009 à 18:58
Bonjour et B R A V O,
Je démarre depuis peu la crétion d'un site. Je ne connais rien à la programmation, balises etc ...
J'ai longtemps cherché un script simple, et bien voilà ...
Donc un grand merci
Et un grand merci à toutes et tous ceux qui font un effort de rendre la crétion de sites à la portée (ou presque) de toute personne (un peu douée de ses doigts pour taper sur un clavier).
23. AVI Le 16/02/2009 à 11:10
j'aimerais faire defiler des infos verticalement pas à pas, une info fini l'autre apparait, comme à la télé sur france24, merci de m'aider
22. Rosa Alain Le 10/02/2009 à 22:37
comment faire pour mettre le texte deffilent en couleur ?
merci
21. Véro de Douai Le 10/02/2009 à 14:37
merci beaucoup pour ce super tuto .
Avec vous tout me semble facile .
j'espére que vous aurez la gentillesse d'en mettre d'autre .
Amicalement
véro
20. cucu la praline Le 02/02/2009 à 15:34
BONJOUR je voudrais savoir si vous aimez l'informatique ?? moi non je préfére juicy couture !!!!hhhheeeee bisous je vous aimes !!
19. MANON Le 02/02/2009 à 15:32
salut jen ai mare sa me soule c nulle linformatique!!! SA FAIT CHIERR
18. Art Le 01/01/2009 à 23:50
code à ajouter apres votre code de defilement
<a href="ici le lien du site" title="le titre du site"><img src="ici le lien image" height="100" width="120" ></a>
17. fradet Le 01/01/2009 à 22:53
:
16. MOOVANS Le 26/12/2008 à 14:51
BONJOUR....
JE SAIS QUE VOTRE TUTO FONCTIONNE ET JE SAIS AUSSI QUE JE SUIS NULLE EN HTML...
J'AI NOTé CA ET CA NE FONCTIONNE ___BIEN SUR___
POURRIEZ VOUS ME DIRE COMMENT INSERER L'URL DE MES IMAGES ?
MERCI
<marquee id="id1"direction="up" scrollamount="2" height="200" width="350"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">http://i41.tinypic.com/27wymbn.jpghttp://i43.tinypic.com/2ypl0qx.jpg</marquee>
15. caulier Le 26/12/2008 à 13:54
Je viens de tester sur mozila et le boulet d' explorer cela fonctionne tres bien que ce sois pour lien ou pour image
14. caulier Le 26/12/2008 à 13:50
Un grand merci pour ces codes qui servent vraiment souvent.
cordialement
13. Djrik Le 19/11/2008 à 10:45
Slt,
Merci pour ce code, c'est complément que je cherchais pour temporiser l'image au passage de la mouse !!!
@++
12. DOminic Le 04/11/2008 à 01:05
j'ai un problème avec se code il fait déffiler tout ce qui est en dessous ... pourtant j'ai bien vérifier et tout mes balise sont fermer !
11. mexique Le 24/09/2008 à 10:25
Bonjour,
J'ai inserer le code html pour faire défiler les images de gauche a droite, mais quand je prends l'image dans mon dossier images du disque dur,le code ne fonctionne pas. Merci pour votre réponse.
10. night Le 22/09/2008 à 17:09
je voulais défiler des images de droit a gauche comme indiquee, mais j'arrive pas a inserer des liens. j'ai plusieur images et plusieur liens sur internet.
9. Deaf Le 21/08/2008 à 12:11
La balise marquee est obsolète pour bon nombre de navigateurs: essaiyez d'ouvrir un code html avec une balise marquee sous mozilla.... vous aurez de belles surprises
Sur mon site j'ai une bannière avec défilement de photo, en javascript, si quelqu'un est intéressé je peux vous envoyer le code.
++
8. cricket Le 08/08/2008 à 14:04
bonjour ,pour le défilement du texte ,ça marche ,merci beaucoup .par contre pour le defilement ,avec l arret des images avec le curseur ,la photo ne défile pas mais le lien !
merci de votre réponse !
7. veronica Le 02/08/2008 à 21:44
je n'y arrive pas, mes images ne défilent pas, il y a une icone a la place
6. Eros Le 02/08/2008 à 06:32
Merci beaucoups pour ce tuto c'est ce que je cherche depuis quelque temps enfin je vien d trouver. je vais tester tous cela et voir le résultat tout en ésperant qu'il sera satisfaisant .encore merci!et bravo.
5. bal Le 27/07/2008 à 13:34
hsgkgdkqgj
4. NOURDIN Le 17/07/2008 à 22:52
je n'arrive pas à mettre un défilement de texte sur mon logo.
je voudrais mettre ceci:
Bienvenue sur le site de jacky88 qui vous présente l'équipe S.R.D SAINT-DIE qui évolue en championnat de France Amateur 2.
pouvez-vous m'aider ?
3. C-Free-C Le 16/07/2008 à 13:46
Bonjour,
Un petit détail en supplément à cet excellent tuto :
Si ce code est injecté dans un site en Phpbb le code pour les images sera en se servant de l'exemple donné:
<marquee direction="up" scrollamount="2" height="200" width="350"><img src="LIENS DE VOS IMAGES" border="0" /></marquee>
Amicalement
2. antoniutti Le 02/07/2008 à 16:08
Salut!!!
Merci pour ton site.
J'essaie de faire défiler mon texte " happy holidays" en suivant tes conseils, mais comme je suis débutante en Html je n'y arrive pas.
est-ce que la présence d'images de chaque côté du texte est gênante?
Où précisément insérer les balises <marquee> </marquee>? Immédiatement de chaque côté du texte ou avant et après les balises de taille, couleur et police?
Merci de ton aide
Nath
1. little osaka Le 02/07/2008 à 04:01
merci pour les infos sa va bien me servir
Dernière mise à jour de cette page le 24/06/2008
