Bonjour
Je rencontre un pb d'affichage pour un texte qui defile : je l'ai mis en dessous d'un carroussel, les images du carroussel font 1024px, et j'aimerais que le texte defilant prenne cette même taille.
Pourtant, s'il fait 3 mots, il defile à gauche tout seul sur l'espace de trois mots.
Il prend vriament tout l'espace horizontal quand le texte est très long
Voici mon code pour ceux qui ont le temps
mon css de ce scroll
Modifié par diane59 (03 Jul 2014 - 11:06)
Je rencontre un pb d'affichage pour un texte qui defile : je l'ai mis en dessous d'un carroussel, les images du carroussel font 1024px, et j'aimerais que le texte defilant prenne cette même taille.
Pourtant, s'il fait 3 mots, il defile à gauche tout seul sur l'espace de trois mots.
Il prend vriament tout l'espace horizontal quand le texte est très long
Voici mon code pour ceux qui ont le temps
<body onload="defilement()">
<main>
<?php include('filariane.php'); ?>
<div id='scroll'><?php echo $data['contenu_javatext']; ?> </div>
<script language="JavaScript">
var msg = document.getElementById("scroll").innerHTML;
var pos = 0;
function defilement(){
var defilant = document.getElementById("scroll");
defilant.firstChild.nodeValue = msg.substring(pos,msg.length) + msg.substring(0,pos);
pos = (pos + 1)% msg.length;
window.setTimeout("defilement()",200);
}
</script>mon css de ce scroll
#scroll{
position:absolute;
margin-top:335px;
width:1024px;
font-family: calibri;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
color:#CC5500;
}Modifié par diane59 (03 Jul 2014 - 11:06)