IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Texte défilant : intégrer une image ?


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 22
    Points : 18
    Points
    18
    Par défaut Texte défilant : intégrer une image ?
    Bonjour à tous,
    Comme je le souhaitais, j'ai trouvé ce script de texte défilant bas- haut qui s'intègre et marche parfaitement bien sur ma page web .
    Deux questions pourtant:
    1) Comment ralentir la vitesse de défilement sur Firefox alors que j'ai :var marqueespeed=1 ?
    2)Impossible d'intégrer une image dans le prolongement du texte : déroulement bloqué.....il doit manqué quelque chose dans le code que j'ai mis en rouge ?
    Merci de votre aimable coopération et de vos réponses.
    Je vous mets le code ci dessous .
    Philippe - http://pointup.free.fr/course.htm



    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    <script language="JavaScript1.2">
    
    var marqueewidth="149px"
    var marqueeheight="110px"
    var marqueespeed=1
    var pauseit=1
    
    
    
    
    var marqueecontent="<span class=z4titre4><font color=#33CCFF><b>Dépliant d'infos</b></font><br><br></span><span class4 texte>> Toutes les infos prtatiques à téléchargez au format .pdf <a href=depliant.pdf class=lien1 target=blank>ici</a><br /><br /><font color=#33CCFF><b>Inscriptions</b></font><br /><br />> Les inscriptions du samedi (14h00 à 17h00) et du Dimanche (8h00 à 9h15) ont toutes lieu au départ à Charnay .<br /><br /><br /><font color=#33CCFF><b>Concours Photos</b></font><br /><br /><span class4 texte>> Une bonne idée pour les accompagnateurs : Participer au concours photos ouvert à tous . N'hésitez pas à vous renseigner et téléchargez le règlement <a href=reglement_concours_photos.pdf class=lien1 target=blank>ici</span><br /><img src="/Images/course/minilapin.gif" width="40" height="63">";
    
    marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
    var copyspeed=marqueespeed
    var pausespeed=(pauseit==0)? copyspeed: 0
    var iedom=document.all||document.getElementById
    var actualheight=''
    var cross_marquee, ns_marquee
    
    function populate(){
    if (iedom){
    cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
    cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
    cross_marquee.innerHTML=marqueecontent
    actualheight=cross_marquee.offsetHeight
    }
    else if (document.layers){
    ns_marquee=document.ns_marquee.document.ns_marquee2
    ns_marquee.top=parseInt(marqueeheight)+8
    ns_marquee.document.write(marqueecontent)
    ns_marquee.document.close()
    actualheight=ns_marquee.document.height
    }
    lefttime=setInterval("scrollmarquee()",20)
    }
    window.onload=populate
    
    function scrollmarquee(){
    
    if (iedom){
    if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
    cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
    else
    cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
    }
    else if (document.layers){
    if (ns_marquee.top>(actualheight*(-1)+8))
    ns_marquee.top-=copyspeed
    else
    ns_marquee.top=parseInt(marqueeheight)+8
    }
    }
    
    if (iedom||document.layers){
    with (document){
    if (iedom){
    write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
    write('<div id="iemarquee" style="position:absolute;left:0px;top:0px;width:100%;">')
    write('</div></div>')
    }
    else if (document.layers){
    write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
    write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
    write('</ilayer>')
    }
    }
    }
    </script>

  2. #2
    Membre à l'essai
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations forums :
    Inscription : Avril 2009
    Messages : 16
    Points : 19
    Points
    19
    Par défaut
    Pour l'image, tu as oublié d'échapper les guillemets. Voici donc ta ligne échappée pour le contenu :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var marqueecontent="<span class=z4titre4><font color=#33CCFF><b>Dépliant d'infos</b></font><br><br></span><span class4 texte>> Toutes les infos prtatiques à téléchargez au format .pdf <a href=depliant.pdf class=lien1 target=blank>ici</a><br /><br /><font color=#33CCFF><b>Inscriptions</b></font><br /><br />> Les inscriptions du samedi (14h00 à 17h00) et du Dimanche (8h00 à 9h15) ont toutes lieu au départ à Charnay .<br /><br /><br /><font color=#33CCFF><b>Concours Photos</b></font><br /><br /><span class4 texte>> Une bonne idée pour les accompagnateurs : Participer au concours photos ouvert à tous . N'hésitez pas à vous renseigner et téléchargez le règlement <a href=reglement_concours_photos.pdf class=lien1 target=blank>ici</span><br /><img src=\"/Images/course/minilapin.gif\" width=\"40\" height=\"63\">";
    Pour la vitesse, tu ne peux pas mettre marqueespeed en dessous de 1. Mais tu peux "tricher" un peu en modifiant cette ligne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    lefttime=setInterval("scrollmarquee()",20)
    Essaye de mettre des valeurs un peu plus grandes que 20.

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 22
    Points : 18
    Points
    18
    Par défaut
    Merci pour ta réponse Pikrass, c'est vraiment très sympa de vouloir m'aider .
    Pour la vitesse c'est ok; j'ai mis 40 et ça a bien ralenti .
    Pour la photo, c'est pas encore au point . Toujours pas d'image . Une idée ?
    merci d'avance .

Discussions similaires

  1. Texte défilant sur une image
    Par Invité dans le forum Flash
    Réponses: 1
    Dernier message: 13/06/2007, 11h05
  2. [CSS] aligner texte à gauche d'une image
    Par ilood dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 05/06/2005, 16h04
  3. [HTML]Texte autour d'une image
    Par JiJiJaco dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 23/02/2005, 14h35
  4. Texte autour d'une image
    Par C.M dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 08/12/2004, 10h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo