Défilant de texte, image avec pause

Répondre
Citer ce message
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
Citer ce message
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
Citer ce message
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