Bannière défilante: problème

[folbert]

Bonsoir à tous,

Je suis le co-administrateur d'un forum qui est sous Invision: lien ici

Nous avons créé une bannière en suivant strictement le tutoriel à cet effet pour Invision. Mais la bannière refuse d'apparaître, on dirait que quelque chose la bloque. Ce serait pour remplacer la photo qui se trouve actuellement dans le "logo du forum".

Quelqu'un pourrait-il me diriger vers une piste de solution? Y aurait-il quelque chose à changer dans le CSS de base, en plus des codes du tutoriel?

D'avance, merci beaucoup pour votre aide.

[Automne]

Bonjour,

Peut être un problème d'hébergement, par exemple si le fichier est trop lourd avec serming elle n'apparaitra pas, essayer avec d'autre hébergeur plus puissant. HostingPics, prend jusqu'à 5Mo

cordialement

[folbert]

Merci.
Ce n'est pas un problème d'hébergement, les images ne sont pas sur serming mais sur un hébergeur bien plus puissant.
Autre idée?

[Scipion]

Bonjour !

Avez-vous essayé de supprimer le logo en allant sur PA > Affichage > Images et couleurs > Gestion des images > Mode avancé > Général/Navigation >

Dans "la colonne Élément du thème" :

Logo du forum = Supprimez l'URL qui se trouve dans le champ correspondant et enregistrez.

@ A toute fin utile, veuillez préserver l'URL supprimée dans vos documents.

Cordialement

[folbert]

J'ai également pensé à cette option, merci.
Mais rien n'apparaît une fois le logo parti (seulement la description du forum). C'est pour cela que j'ai l'impression qu'il s'agit d'une histoire de code quelque part.

[Scipion]

Pouvez-vous me donner le code de votre bannière défilante afin que je puisse faire un test?

Cordialement

[folbert]

Le voici, merci beaucoup.

Code:

var banner = new Array();

banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101640/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103075/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101649/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101646/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103082/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101667/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101668/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101645/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101650/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101659/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101660/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101653/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103074/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101665/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101661/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101662/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103077/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101654/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101648/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103083/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103084/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103087/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101652/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103092/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103085/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103090/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101668/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103080/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101655/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101647/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103088/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103089/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103093/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103085/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101651/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2101670/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103076/0.jpg’);
banner.push(‘http://46.4.24.136/atpic2/4766/41149/0/2103081/0.jpg’);

document.getElementById('logo').firstChild.src=banner[Math.floor(Math.random()*banner.length)];

setInterval("document.getElementById('logo').firstChild.src=banner[Math.floor(Math.random()*banner.length)];",5000);


[Scipion]

Bonsoir

De toute évidence, votre bannière ne fonctionne pas pour trois (3) raisons possibles :

- soit vos images sont sous copyright du fait qu'elles soient paraphées?
- soit leur fomat (1000x400 pixels) ne passe pas.?
- soit un problème d'hébergement.?

Même en réduisant quelques unes d'entre elles au format (970x388), votre bannière ne s'affiche pas. Donc essayez de réduire à environ (800x360 pixels).

Par contre, avec votre code HTML j'ai pu faire apparaître votre bannière défilante mais avec d'autres images.

Voici mon test que vous pouvez reproduire sur votre forum en créant une nouvelle page HTML avec un code d'intégration comprenant l'URL de cette page.

Code pour bannière Test :

Code:

var banner = new Array();

banner.push('http://estb.msn.com/i/A9/84477D561246FB84A3EAC3B48773A2.jpg');
banner.push('http://i64.servimg.com/u/f64/13/94/72/47/dba8a910.jpg');
banner.push('http://estb.msn.com/i/D2/589CF311F73F7BB4D132F3DB02E52.jpg');
banner.push('http://estb.msn.com/i/12/EC6F2AB16D08229A9B83317A4FF9F.jpg');

document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];

setInterval("document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",3000);

Cordialement

[folbert]

Merci beaucoup.
J'ai fait votre test et effectivement tout fonctionne normalement.
Les photos ne sont pas sous copyright (ce sont les nôtres); j'ai essayé et même en réduisant à 800 de large ça refuse de passer.
Or sur un autre forum que j'avais, avec une largeur de 900px tout fonctionnait sans aucun problème.
Est-ce qu'il y aurait une valeur dans le PA ou dans le CSS qui bloquerait une certaine largeur?

[Scipion]

Changez les photos et vous aurez votre bannière

En effet, il existe une fonctionnalité en allant sur PA > Général > Messages et Emails > Configuration > Messages / Redimensionnement.

Mais dans mon forum elle n'est pas activée, donc votre bannière ne pouvait pas en être affectée lors du test que j'ai effectué pour vous. Idem pour la CSS personnalisée.

Cordialement

[folbert]

Changez les photos et vous aurez votre bannière

Ah mais je voudrais justement essayer d'éviter cette option, si ça a marché ailleurs cela devrait marcher ici aussi

Ce que vous m'indiquez, c'est seulement pour les images qui sont postées dans les sujets (elle est bien activée chez nous, mais j'ai changé les valeurs et cela n'affecte pas la bannière), car sinon l'image qui est dans le logo actuellement, avec 1000px de large, ne passerait pas non plus.

Et dans le CSS, je devrais chercher où? Merci pour votre patience

[folbert]

Ok donc comme je n'ai toujours pas de solution à mon problème je reposte et je reformule la question.

1) La source du problème est la largeur des photos, comme prouvé par le test de Scipion.

2) Cependant, j'ai déjà eu sur un autre forum une bannière avec des images de 900px sans aucun problème;

3) Puisque le logo du forum, qui est changé régulièrement (ce sont ces images qui font partie du script de la bannière, justement, donc aucun problème d'hébergement c'est évident aussi), n'a aucun problème pour apparaître, pourquoi est-ce que la bannière n'apparaît pas?

Est-ce que ce rectangle bleu autour du logo pourrait empêcher l'apparition de la bannière défilante, mais pas des photos du logo? C'est ce que je soupçonne. Où pourrais-je trouver ceci dans le PA ou dans le CSS? Je cherche mais je ne trouve pas.

Merci à l'avance pour votre aide.