Bonjour
Merci pour les réponses.
Il est préférable de copier coller directement les class CSS du template ou elles sont à celui ou elles sont manquantes, afin de récupérer les différentes variables.
je ne sais pas comment le faire , j'ai bien cherché, je vois qu'il y a quelques CLASS qui viennent du fichier JS.
Code HTML:
...
/* Get the tag type - we will check this later to makde sure it is a UL tag */
var tagType = $(this).attr('tagName');
return this.each(function() {
/* Internal vars */
var settings = {
position: 0,
time: 0,
distance: 0,
newsArr: {},
play: true,
paused: false,
contentLoaded: false,
dom: {
contentID: '#ticker-content',
titleID: '#ticker-title',
titleElem: '#ticker-title SPAN',
tickerID : '#ticker',
wrapperID: '#ticker-wrapper',
revealID: '#ticker-swipe',
revealElem: '#ticker-swipe SPAN',
controlsID: '#ticker-controls',
prevID: '#prev',
nextID: '#next',
playPauseID: '#play-pause'
}
};
...
Code HTML:
...
/* Function to setup the page */
function initialisePage() {
// add our HTML structure for the ticker to the DOM
$(settings.dom.wrapperID).append('<div id="' + settings.dom.tickerID.replace('#', '') + '"><div id="' + settings.dom.titleID.replace('#', '') + '"><span><!-- --></span></div><p id="' + settings.dom.contentID.replace('#', '') + '"></p><div id="' + settings.dom.revealID.replace('#', '') + '"><span><!-- --></span></div></div>');
$(settings.dom.wrapperID).removeClass('no-js').addClass('has-js ' + opts.direction);
// **** the ticker
$(settings.dom.tickerElem + ',' + settings.dom.contentID).****();
// add the controls to the DOM if required
if (opts.controls) {
// add related events - set functions to run on given event
$(settings.dom.controlsID).live('click mouseover mousedown mouseout mouseup', function (e) {
var button = e.target.id;
if (e.type == 'click') {
switch (button) {
case settings.dom.prevID.replace('#', ''):
// show previous item
settings.paused = true;
$(settings.dom.playPauseID).addClass('paused');
manualChangeContent(button);
break;
case settings.dom.nextID.replace('#', ''):
// show next item
settings.paused = true;
$(settings.dom.playPauseID).addClass('paused');
manualChangeContent(button);
break;
case settings.dom.playPauseID.replace('#', ''):
// play or pause the ticker
if (settings.play == true) {
settings.paused = true;
$(settings.dom.playPauseID).addClass('paused');
pauseTicker();
}
else {
settings.paused = false;
$(settings.dom.playPauseID).removeClass('paused');
restartTicker();
}
break;
}
}
else if (e.type == 'mouseover' && $('#' + button).hasClass('controls')) {
$('#' + button).addClass('over');
}
else if (e.type == 'mousedown' && $('#' + button).hasClass('controls')) {
$('#' + button).addClass('down');
}
else if (e.type == 'mouseup' && $('#' + button).hasClass('controls')) {
$('#' + button).removeClass('down');
}
else if (e.type == 'mouseout' && $('#' + button).hasClass('controls')) {
$('#' + button).removeClass('over');
}
});
...