-
Défilement automatique
Voici un code HTML tout simple pour faire défiler des éléments (texte, images...) de façon automatique :
CODE :<marquee direction="left" scrollamount="X" >CONTENU</marquee>
"direction" indique le sens du défilement. Il peut prendre les valeur "left" (vers la gauche), "right" (vers la droite), "up" (vers le haut) et down (vers le bas)
"scrollamount" indique la vitesse du défilement. Plus le nombre est grand, plus le défilement sera rapide. Dans l'exemple, j'ai utilisé scrollamount="3"
Tags : marquee, code, defilement
-
Commentaires
Affirmatif avec scrollamount qui fixe de combiens de pixels on se déplace et scrolldelay qui fixe la durée entre deux affichages. Exemple:
<marquee direction="up" scrollamount=1 scrolldelay=5>Plus lentement avec 1 pixel a la fois et delay de 5</marquee>
Marquee permet aussi plus de réglages (couleurs, nombre de défilements etc..
13SonnyNathMardi 25 Octobre 2011 à 15:04Pour moi ça ne fonctionne pas ! En tout cas le premier. Faut-il marquer "marquee" ou le remplacer ?? Si il faut le remplacer peux-tu me dire par quoi STP.
15Chamimy not connexioSamedi 12 Novembre 2011 à 14:34J'ai pas essayermais... Tu mets les images, va dans l'icone HTML, cherche les balises <img*> puis quand il y a le tout premier <img*> a gauche, tu met <marquee*> puis a la fin le tout dernier </img*> tu met le </marquee*> sans les "*"Ce qui fait bouger, c'est les balise <marquee>
Donc tu dois tout mettre entre <marquee> et </marquee>
Faites tout de même attention à la balise marquee. En effet, ce n'est pas une balise HTML standard mais une balise créée par Microsoft. Elle fonctionnera donc bien dans IE mais pas forcément dans Firefox ou Chrome. Donc pensez à regarder votre blog dans les différents navigateurs.
pour ma part j'utilise chrome et j'viens de regarder sur mozilla : sa marche dans les 2 cas.
22NovaliaSamedi 24 Décembre 2011 à 15:28salut :)
dabord, merci pour le code mais j'ai un probleme avec:
quand j'edite mon orticle pour entrer le code html, et que j'enregistre, ca ne fonctionne pas sur l'article mais DANS l'edition
est ce que vous me comprenez? ^^' en gros ca fonctionne que dans l'edition mais pas sur l'article
vous pouvez m'aider? *help xD*
J'ai kifferrrr!!! LE exemple qui bouuuuuuuuuuuuuuuuge XD
j'atais MDR
bref Passons
Merci beaucoup pour l'aide^^
32ChealMercredi 27 Juin 2012 à 19:5333ChealJeudi 28 Juin 2012 à 09:1735ChealJeudi 28 Juin 2012 à 13:36J' ai mis ce code :<marquee direction="up" scrollamount="2"><a href="http://loreleimanga.eklablog.fr/accueil-c17884232#"><img src="http://data0.eklablog.fr/loreleimanga/mod_articles17884232_4fabf0a096116.jpg?6745" alt="Accueil" width="212" height="131" /></a><a href="http://kiwwi-world.eklablog.com/"><span style="color: #ffffff;"><img src="http://data0.ek.la/ri-chii/mod_article38559527_4f3121e49059a.png?4040" alt="" width="88" height="31" /></span></a></marquee></p>
<p><a title="Bouton de blog" href="http://le-bai-san.eklablog.com/accueil-c18024623" target="_blank"><img title="Bouton de blog" src="http://image.blingee.com/images19/content/output/000/000/000/7b1/769598801_399678.gif" border="0" alt="Bouton de blog" width="160" height="53" /></a></p>
<p><span style="color: #ffffff;"> <a href="http://my-world.ek.la/accueil-c709652"><span style="font-size: medium; color: #ffffff;"><img src="http://data0.eklablog.fr/saphyr2/mod_article45812456_4f833910869e2.gif?9501" alt="Boutons de blog du 09/04" /> </span></a></span></p>
<p><span style="color: #ffffff;"><a href="http://bakaland.eklablog.com/"><span style="color: #ffffff;"><img src="http://data0.eklablog.com/reimu-world/mod_article46036529_4f9926064575a.png?2303" alt="" width="88" height="31" /></span></a></span></p>
<p><a href="http://fairyxlylouxtail.eklablog.com/"><img src="http://img15.hostingpics.net/pics/340249PourxFairy.png" alt="" width="219" height="155" /></a></p>
<p><a href="http://sakura-akatsuki.kilariblog.com/"><span style="color: #ffffff;"><img src="http://oi43.tinypic.com/rbzacm.jpg" alt="" /></span></a></p>
<p><a href="http://manga-time.eklablog.com/"><span style="color: #ff9900; font-size: medium;"><strong><img src="http://data0.eklablog.com/manga-time/perso/one%20piece/bouton.gif" alt="" width="193" height="97" /></strong></span></a></marquee>ET il n'y a que les deux premieres image qui bouge
Hello en fait j'aurais une question, j'ai vu qu'on pouvait faire des texte qui défile et quand on passe la souris, il s'arrête j'ai trouvé le code <marquee onmouseover="this.stop()" onmouseout="this.start()">Ton texte</marquee> qui marche quand je le mets mais quand je clique enregistrer, l'effet ne se met pas est ce que quelqu'un sait pourquoi ?
40Crow*Mercredi 26 Juin 2013 à 10:0041NovaliaMercredi 26 Juin 2013 à 10:2642Crow*Mercredi 26 Juin 2013 à 11:51<p><marquee direction="up" scrollamount="X"><img alt="http://ekladata.com/bCnRlNkPly4yVNzILXyKSj5XIQI.png" /></marquee></p>
C'est pour mettre le bouton d'un partenaire, mais il y a juste un cadre, l'image n'apparait pas
43NovaliaMercredi 26 Juin 2013 à 12:33Essaye de mettre ça : (en fait, il fallait inserer l'image autrement que par le htlm, c'est plus simple)
<p><marquee direction="up" scrollamount="X"><img src="http://ekladata.com/bCnRlNkPly4yVNzILXyKSj5XIQI.png" alt="D" width="120" height="65" /></marquee></p>
44Crow*Mercredi 26 Juin 2013 à 14:2245NovaliaMercredi 26 Juin 2013 à 17:13Bonjour, je me demandais si vous savez si avec le code on peut mettre des liens sur des images ou même sur du texte ?
Merci d'avance et désoler du dérangement.
Scroll-mammouth 8D <--- il fallait que je la dise cette bêtise XD
Bravo, ce blog est très complet!
Bonjour,
Pourrais tu m'aider, je voudrais mettre mon avatar commentaire auteur à gauche, et laisser celui des visiteurs à droite.
Je viens d'essayer un code trouvé sur woua.eklablog {.commentavatar float: left;} . ça me met à gauche, mais moi je voudrais juste l'auteur à gauche et en plus je ne vois pas comment régler la distance du texte par rapport à l'avatar.
Donc si tu as un code à m'offrir j'en serai ravie.
D'avance merci
Bonsoir Nagalia,
Merci pour le code et excuses moi pour la question posée au mauvais endroit.
bien ce système mais j'arrive pas et je te jure j'suis pas blonde bon pas grave j'essayerai de nouveaux bisous Dali j'espère que tu as bien commencé l'année
Oui je l'ai fait , cela fonctionne..........Mais un bémol, ça écrit trop petit.............comment changer la taille ??
Es ce qu'il y a un code CSS pour ce code, je voudrais changé le fond, la taille de defilement a droite pour que sa reste dans l'header. Ou autre.
@Ghislaine :
<marquee scrollamount=X scrolldelay=X><span style="font-size: Xpx"> TEXTE </span></marquee>Modifie la valeur de X pour changer la taille du texte
@MissShouky : Tout simplement marquee ;)
CSS :
marquee { display : block;
propriété : valeur;
}et si on veut que ce soit une liste d'image qui défile
c'est pour les boutons de mes partenaires pour qu'il défile
ça donne une image qui défile mais j'aimerais que se soit une série d'image qui défile je dois répéter le code ?
<img src="ULR DE IMAGE"/>
est le code pour insérer une image en HTML. Il faut le répéter pour chaque nouvelle image
Tout ce qui se trouve entre les balises <marquee> va défiler. Dedans, tu peux organiser ton code comme tu veux ;)
<marquee><img src="ULR DE IMAGE"/> Du texte du texte... et <a href="#">un lien</a>. Et encore des images <img src="ULR DE IMAGE"/> <img src="ULR DE IMAGE"/></marquee>
Toute la partie en bleu défile, que ce soit du texte, des liens ou des images
<marquee><img src="http://ekladata.com/jgELY7KravVQ0z0kyyg15KUSY0E@324x215.jpg"/><img src="http://ekladata.com/SQp_z-_nfQGUwkH8_b3WRsS3ty4@221x166.jpg"/><img src="http://ekladata.com/Qjr_SWShbHdx4MnxSdi-CKympS0@100x100.gif"/></marquee>
ce dode la pourrait t'il marcher ou je suis obliger de laisser le <a href="#">un lien</a>
<a href="#">un lien</a>
est simplement le code pour les liens. Si tu ne veux pas mettre de lien, il suffit de l'enlever. Il n'a aucune influence sur le défilement
Bonjour, comment fait-on pour qu'il n'y ai pas d’espace quand le défilement se termine ? pas sur de m'être bien expliqué mais bon x))
Voilà bonne journée ._.
Je profite de vos lumières pour poser une question. Voici un code html de tirage aléatoire de réponses, comment puis-je changer la taille des boutons, pour que par exemple une phrase toute entière puisse tenir dans la réponse sans devoir faire défiler/
Merci la foule !
-
<input type="button" value="Nouvelle phrase" onClick="populate();">
-
<input type="text" value="" id="tt"/>
-
<a href="" id="link">link</a>
-
<script type="text/javascript" charset="utf-8">
-
function populate () {
-
var obj=document.getElementById("tt" ),
-
link=document.getElementById("link" ),
-
aleatoire=Math.floor(Math.random()*5);
-
switch(aleatoire){
-
case 0:obj.value="phrase1";link.setAttribute("href","http://google.be" );break;
-
case 1:obj.value="phrase2";link.setAttribute("href","http://google.fr" );break;
-
case 2:obj.value="phrase3";link.setAttribute("href","http://google.com" );break;
-
case 3:obj.value="phrase4";link.setAttribute("href","http://google.de" );break;
-
case 4:obj.value="phrase5";link.setAttribute("href","http://google.cn" );break;
-
}
-
}
-
</script>
Ajouter un commentaire
-
xD Derien!
Pourquoi tout le monde ne dit pas CHAMIMY mais CHAMIMNY? (je suis pas aveugle xD)