Problème de défilement d'images sur bannière aléatoire.

[juju.speleo]

Bien le bonjour à tous.

Comme indiqué dans le titre, je rencontre un soucis de défilement d'image après avoir installé le script

pour les bannières aléatoires en PHPbb2 (voir: https://forum.forumactif.com/trucs-et-astuces-f8/banniere-aleatoire-ou-defilante-t223082.htm )

Ca fonctionne, mais le temps de défilement des images n'est pas régulier.

L'affichage aléatoire des images est bien opérationnel, mais le temps de d'affichage est totalement irrégulier.

J'ai modifié certains paramètre du script pour voir l'influence que ça pouvait avoir.

J'arrive à voir l'influence dans les transitions d'images, mais le problème d'irrégularité reste entier.

Auriez vous une bonne idée à me soumettre parce que là ....je sèche

Bien amicalement.

PS: je précise à toute fin utile, que je ne suis qu'administrateur et non créateur du forum ou je rencontre ce problème.

Voici le lien pour visualiser le soucis directement: http://offroadspirit.forumactif.org/forum.htm

[Ea]

Bonjour, Où en est votre problème ? Est il résolu ? _____________________ Si vous n'avez pas eu de solutions, relancer régulièrement votre sujet (toutes les 24 heures au minimum). Et pensez à expliquer votre problème règulièrement, à chercher par vous même et montrez que vous cherchez de votre côté et pas que vous attendez simplement d'une réponse. _____________________ Lorsqu'un sujet est résolu : Cliquez sur le bouton de votre premier message du sujet. Cochez en dessous de la zone de message Enfin validez avec le bouton Pour remercier ceux qui vous ont aidés vous pouvez cliquer sur A bientôt sur ForumActif

[juju.speleo]

Bonjour à tous.

J'en suis toujours au même point et n'ai pas trouvé de solution.

Par contre je pense que dans le script des bannières aléatoires, si on pouvait modifier le côté "aléatoire" et avoir un défilement régulier, le problème disparaitrait surement.

Pourriez vous m'indiquer quelle modification je dois faire dans le script.

Merci.

[juju.speleo]

Ca y est.

En fait il faut simplement supprimer ce qui est en rouge dans le script ci dessous:

var banner = new Array();

banner.push('adresse_image_1');
banner.push('adresse_image_2');
banner.push('adresse_image_3');

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

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

Et le défilement devient régulier.

[atlas999]

Salut a tous

je mincruste dans ce post

j'ai le meme script et je souhaiterai que mes images et "un fondue enchainer" pourriez vous m'aidai svp.

[atlas999]

Salut a tous

je mincruste dans ce post

j'ai le meme script et je souhaiterai que mes images et "un fondue enchainer" pourriez vous m'aidai svp.

[juju.speleo]

Il faut que tu suives les indications pas à pas de ce topic:

https://forum.forumactif.com/trucs-et-astuces-f8/banniere-aleatoire-ou-defilante-t223082.htm

Et que tu rajoutes dans ton script original,

/******** paramètres à modifier ********/
var temps_transition=2000;
var niveaux_transition=20;
var temps_affichage=500;
var largeur_image='150px';
var hauteur_image='200px';
var version_forum='phpbb2';
/******** fin des paramètres à modifier ********/

var banner = new Array();

/******** listes des images à modifier ********/
banner.push('image_1');
banner.push('image_2');
banner.push('image_3');
/******** fin de liste des images à modifier ********/

function change(link) { opn=1; decrease(); } function ch_opacity(object,opacity){object.style.opacity=(opacity/100); object.style.MozOpacity=(opacity/100);object.style.KhtmlOpacity=(opacity/100); object.style.filter='alpha(opacity='+opacity+')'; } function decrease() { if(opn<=niveaux_transition) { ch_opacity(i1,100-100*opn/niveaux_transition);ch_opacity(i2,100*opn++/niveaux_transition); setTimeout("decrease();",temps_transition/niveaux_transition); } else { while((temp=banner[Math.floor(Math.random()*banner.length)])==i2.src); i1.setAttribute("src",temp); i3=i1; i1=i2; i2=i3; setTimeout("change();",temps_affichage); } } var temp; if(version_forum=='punbb')var i1=document.getElementById('pun-logo').firstChild; else if(version_forum=='phpbb2')var i1=document.getElementById('i_logo'); else var i1=document.getElementById('logo').firstChild; ch_opacity(i1,100); i1.style.position='absolute'; i1.style.top=0; i1.style.left=0; i1.parentNode.style.position='relative'; i1.parentNode.style.display='block'; i1.parentNode.style.margin='auto'; i1.parentNode.style.width=largeur_image; i1.parentNode.style.height=hauteur_image; var i2=document.createElement("img"); ch_opacity(i2,0);i2.style.position='absolute'; while((temp=banner[Math.floor(Math.random()*banner.length)])==i1.src); i2.setAttribute("src",temp); i2.style.top=0; i2.style.left=0; i1.parentNode.appendChild(i2); opn=niveaux_transition+1; if(banner.length>1)setTimeout("change();",temps_affichage);

[atlas999]

ok merci bien pour cette reponce "tres rapide"

je teste sa au plus tot et je vous tien au courent

[atlas999]

re bonjour

alor effectivement j'avais suivie le tuto

j'ai installé ton script en inserent mes images je n'ai rien toucher d'autre:

var temps_transition=2000;
var niveaux_transition=20;
var temps_affichage=500;
var largeur_image='150px';
var hauteur_image='200px';
var version_forum='phpbb2';

var banner = new Array();

banner.push('http://sd-1.archive host.com/membres/images/203833612154584176/bann.jpg');
banner.push('https://i.servimg.com/u/f28/11/28/39/22/atlant11.jpg');
banner.push('http://atlantisresurrection.virtuaboard.com/users/1512/32/05/64/album/atlant12.jpg');


function change(link) { opn=1; decrease(); } function ch_opacity(object,opacity){object.style.opacity=(opacity/100); object.style.MozOpacity=(opacity/100);object.style.KhtmlOpacity=(opacity/100); object.style.filter='alpha(opacity='+opacity+')'; } function decrease() { if(opn<=niveaux_transition) { ch_opacity(i1,100-100*opn/niveaux_transition);ch_opacity(i2,100*opn++/niveaux_transition); setTimeout("decrease();",temps_transition/niveaux_transition); } else { while((temp=banner[Math.floor(Math.random()*banner.length)])==i2.src); i1.setAttribute("src",temp); i3=i1; i1=i2; i2=i3; setTimeout("change();",temps_affichage); } } var temp; if(version_forum=='punbb')var i1=document.getElementById('pun-logo').firstChild; else if(version_forum=='phpbb2')var i1=document.getElementById('i_logo'); else var i1=document.getElementById('logo').firstChild; ch_opacity(i1,100); i1.style.position='absolute'; i1.style.top=0; i1.style.left=0; i1.parentNode.style.position='relative'; i1.parentNode.style.display='block'; i1.parentNode.style.margin='auto'; i1.parentNode.style.width=largeur_image; i1.parentNode.style.height=hauteur_image; var i2=document.createElement("img"); ch_opacity(i2,0);i2.style.position='absolute'; while((temp=banner[Math.floor(Math.random()*banner.length)])==i1.src); i2.setAttribute("src",temp); i2.style.top=0; i2.style.left=0; i1.parentNode.appendChild(i2); opn=niveaux_transition+1; if(banner.length>1)setTimeout("change();",temps_affichage);

Resultat : sa marche tres bien mis a part que mes images ne sont plus centré ,elle sont decaller sur la droite du portail

a voir : http://atlantisresurrection.virtuaboard.com/

script de description du site : <script type='text/javascript' src='http://atlantisresurrection.virtuaboard.com/Banniere-aleatoire-h1.htm'></script>

si je peut abusé encore de ton aide pour recentré les image

merci encore

voila je vien de trouver par moi meme lol il me suffisai de changer cet valeur :
var largeur_image='880px';

hum par contre encore une petit souci de temps en temps l'image ce decale puis revien ect...
je sui donc encore preneur d'aide merci d'avance