Bonsoir,
 
Je cherche le moyen de créer un enchaînement d'images en fondu, exactement comme sur ce site : http://www.bbcdepinte.be/ .
 
C'est sobre sur une page et simple. Mais comment peut-on réaliser cela ?
 
Merci de votre aide

En cherchant dans la source du site on trouve :
http://www.bbcdepinte.be/scripts/fade.js

On trouve ensuite facilement :
http://slayeroffice.com/code/imageCrossFade/index.html

et enfin :
http://slayeroffice.com/code/image [...] fade2.html

merci déjà pour cette aide. J'ai testé sur une page, mais ça donne quelque chose d'assez bizarre : http://www.bcml.be/index.php?rub=61
 
A quoi est-ce dû ?

Le langage n'est pas adapté pour faire ça (cf. utilisation processeur aussi).

pourquoi est ce que le même code fonctionne sur d'autres sites alors ?

Peut-être que c'est aussi fonction de la taille de l'image ?
Pourquoi l'image disparait entre chaque affichage ? C'est peut-être aussi ça qui la fait scintiller.

même avec les images d'origine (http://slayeroffice.com/code/imageCrossFade/index.html), cela ne va pas chez moi. Elles s'affichent les unes en dessous des autres au départ, mais l'affichage est très médiocre comme vous pouvez le voir ici : http://www.bcml.be/index.php?rub=61

J'ai regardé sur l'exemple et ça scintille aussi, mais ça se voit moins car les images sont superposées.
 
En fait c'est quoi qui est bizarre pour toi, le positionnement des images ? Leur scintillement ?
 
Edit : Ok le positionnement. Je n'avais pas compris désolé.

J'ai jeté un oeil à la source de ta page. Si tu mets plusieurs images à la suite ainsi, c'est normal qu'elles se mettent les unes après les autres.
 
Il semble les placer dans un bidule (container) dans l'exemple, dont la position est définie. Enfin je crois, je ne connais pas le js.

oui le positionnement... AU lieu que ce soit 5 en 5, ça serait mieux 5 en 1
 
Mais je ne comprends pas mon erreur, et je ne la vois pas surtout

ha d'accord, je vais y regarder

voià, c'est trouvé :
 
il fallait en effet une nouvelle page css de positionnement :
 
#imageContainer {
 height:309px;
}
 
#imageContainer img {
 display:none;
 position:absolute;
 top:0; left:0;
}
 
Bonne journée et merci à vous !