66 lines
1.3 KiB
JavaScript
66 lines
1.3 KiB
JavaScript
|
// VARS
|
||
|
|
// Vitesses
|
||
|
|
var vitesseTexte = 4000; // En millisecondes
|
||
|
|
|
||
|
|
// Coordonnées
|
||
|
|
var pointInitial = '100%';
|
||
|
|
var pointDestination = '-=2000px';
|
||
|
|
|
||
|
|
// Messages
|
||
|
|
var messageDiv = '#text-content div'
|
||
|
|
var messages = [];
|
||
|
|
var indexMessages = 0;
|
||
|
|
|
||
|
|
var fontSize;
|
||
|
|
var fontSizeLength;
|
||
|
|
|
||
|
|
// FUNCS
|
||
|
|
function animerTexte(){
|
||
|
|
// Diriger le texte vers la droite jusqu'à `pointDestination'.
|
||
|
|
// Récursivement reset la position du texte.
|
||
|
|
$(messageDiv).animate({left: pointDestination}, vitesseTexte, 'linear', resetTexte);
|
||
|
|
}
|
||
|
|
|
||
|
|
function resetTexte(){
|
||
|
|
// Remettre le texte au point initial
|
||
|
|
$(messageDiv).css('left', pointInitial);
|
||
|
|
|
||
|
|
// Récursivement animer le texte
|
||
|
|
animerTexte();
|
||
|
|
}
|
||
|
|
|
||
|
|
function updateTexte(){
|
||
|
|
var message = messages[indexMessages];
|
||
|
|
|
||
|
|
$(messageDiv).text(message);
|
||
|
|
|
||
|
|
augmenterIndex();
|
||
|
|
}
|
||
|
|
|
||
|
|
function augmenterIndex() {
|
||
|
|
if (indexMessages >= messages.length - 1) {
|
||
|
|
indexMessages = 0;
|
||
|
|
} else {
|
||
|
|
indexMessages ++;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function initialiserMessages(){
|
||
|
|
fontSize = $(messageDiv).css('fontSize');
|
||
|
|
fontSizeLength = fontSize.length;
|
||
|
|
|
||
|
|
// TODO Importer messages
|
||
|
|
messages = ['hello, world!'];
|
||
|
|
|
||
|
|
|
||
|
|
// TODO pointDestination = -1 * longueurMessage
|
||
|
|
//pointDestination = messages[0].width * fontSize.substring(fontSize.length-2);
|
||
|
|
pointDestination = messages[indexMessages].width;
|
||
|
|
}
|
||
|
|
|
||
|
|
// EXEC
|
||
|
|
$(function(){
|
||
|
|
//initialiserMessages();
|
||
|
|
resetTexte();
|
||
|
|
});
|