Défilant de texte, image avec pause

Répondre
caporga
le 07/12/2008 à 20:58
caporga
bonjours,
avez-vous une idée d'ou trouver un script de défilant texte et image compatible avec l'entête (open source), tout ce que j'ai trouver ne marche pas...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">[code]
[code]<script language="JavaScript1.2">
ejs_scroll_largeur = 130;
ejs_scroll_hauteur = 100;
ejs_scroll_bgcolor = '#FFFFFF';
ejs_scroll_background = "";
ejs_scroll_pause_seconde = 3;
ejs_scroll_message = new Array;
ejs_scroll_message[0]='<strong>Le site du CETMEF fait peau neuve !!!</strong>';
ejs_scroll_message[1]='<strong>Un accès aux différentes rubriques grâce aux onglets horizontaux</strong>';
ejs_scroll_message[2]='<strong>Les derniers projets mis à jour, en page d\'accueil</strong>';
ejs_scroll_message[3]='<strong>Les différentes actualités du service, en page centrale</strong>';
function d(texte)
{
document.write(texte);
}
d('<div id="ejs_scroll_relativ" style="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
d('<div id="ejs_scroll_cadre" style="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
d('<div id="ejs_scroller_1" style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</div>');
d('<div id="ejs_scroller_2" style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" class=ejs_scroll>'+ejs_scroll_message[1]+'</div>');
d('</div></div>');
ejs_scroll_mode = 1;
ejs_scroll_actuel = 0;
function ejs_scroll_start()
{
if(ejs_scroll_mode == 1)
{
ejs_scroller_haut = "ejs_scroller_1";
ejs_scroller_bas = "ejs_scroller_2";
ejs_scroll_mode = 0;
}
else
{
ejs_scroller_bas = "ejs_scroller_1";
ejs_scroller_haut = "ejs_scroller_2";
ejs_scroll_mode = 1;
}
ejs_scroll_nb_message = ejs_scroll_message.length-1;
if(ejs_scroll_actuel == ejs_scroll_nb_message)
ejs_scroll_suivant = 0;
else
ejs_scroll_suivant = ejs_scroll_actuel+1;
if(document.getElementById)
document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
ejs_scroll_top = 0;
if(document.getElementById)
setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)
}
function ejs_scroll_action()
{
ejs_scroll_top -= 1;
document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
setTimeout("ejs_scroll_action()",10)
else
ejs_scroll_stop()
}
function ejs_scroll_stop()
{
ejs_scroll_actuel = ejs_scroll_suivant;
ejs_scroll_start()
}
window.onload = ejs_scroll_start;
</script>
caporga
caporga
le 11/12/2008 à 02:55
caporga
J'en ai trouvé un... il marche bien

<script type="text/javascript">

function ini_scroll(scroll_message)
{
hauteur = 183;
largeur = 175;
tempo = 5;
scroll_mode = 1;
scroll_actuel = 0;

writediv ('<div id="scroller_1" style="position:absolute; width:' + largeur + 'px; left:0; top:0;">'
+ scroll_message[0] + '</div>');

writediv ('<div id="scroller_2" style="position:absolute; width:' + largeur + 'px; left:0; top:' + (hauteur + 20) + 'px;">'
+ scroll_message[1]['titre'] + '</div>');

start_scroll();
}


function start_scroll()
{
if(scroll_mode == 1)
{
scroller_haut = document.getElementById("scroller_1");
scroller_bas = document.getElementById("scroller_2");
scroll_mode = 0;
}

else
{
scroller_bas = document.getElementById("scroller_1");
scroller_haut = document.getElementById("scroller_2");
scroll_mode = 1;
}

scroll_nb_message = scroll_message.length-1;


if(scroll_actuel == scroll_nb_message) scroll_suivant = 0;
else scroll_suivant = scroll_actuel+1;

if(document.getElementById) scroller_bas.innerHTML = scroll_message[scroll_suivant];

scroll_top = 0;
if(document.getElementById) setTimeout("scroll()", tempo*1000);

}

function scroll()
{
scroll_top--;

scroller_haut.style.top = scroll_top + "px";
scroller_bas.style.top = (scroll_top + hauteur) + "px";

if ((scroll_top + hauteur) > 0) setTimeout("scroll()", 10);
else scroll_stop();
}

function scroll_stop()
{
scroll_actuel = scroll_suivant;
start_scroll();
}

function writediv(texte)
{
document.write(texte);
}

</script>
<style type="text/css">
#fenetre{position:relative; overflow:hidden; width:175px; float: left; display: inline; margin-left: 20px; height: 183px;}
#scrollbox{position:relative; overflow:hidden; width:175px; float: left; display: inline; margin-left: 20px; height: 183px;}
</style>
</head>

<body>
<div id="scrollbox" style="height: 183px; margin-bottom: 10px">

<div id="scrolling_content" style="height: 150px">
<script type='text/javascript'>var scroll_message = new Array();
scroll_message[0] = '';
scroll_message[1] = '';
scroll_message[2] = '';
ini_scroll(scroll_message);</script> </div>


</div>
caporga
cantat
le 28/06/2009 à 21:00
cantat
Bonjour,
j'ai besoin d'un script news défilant. à intéger dans le body. Je suis désespéré.

Je suis prêt à payer un petit qqch pour la peine, 10€ via paypal puis une fois réalisé, 10€ supplémtaire. Si sa intéresse qqn...


Je suis nul mais si un script est adapté à mes besoins avec une explication comme /votre texte ici/ et... /le lien de votre image ici/ Je saurais me repérer.

J'ai besoin n'un news de présentation avec un cadre
-couleur #fe38cd sur 2 px
-cadre total de 187 sur 272...
(Bon après si j'ai besoin de changer la taille, je saurais me repérer.)
-Il faut que l'image et sa légende défile puis s'arrète 4 secondes. ce sont des articles avec le prix. L'image est avec un lien.
-J'aurais besoin qu il y ai un bord blanc entre le cadre et l'image à l'intérieur.

Je n'ai pas encor la taille des images qui iront à l'intérieur. Mais j'arriverais à adapter le cadre.

Voilà... avec 2 ou trois images pour que je voient comment.

Si j'ai un sauveur, ce serait super !!!!
Cordialement
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours