enchaînement d'images en fondu ?

enchaînement d'images en fondu ? - HTML/CSS - Programmation

Marsh Posté le 31-08-2007 à 00:30:05    

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

Reply

Marsh Posté le 31-08-2007 à 00:30:05   

Reply

Marsh Posté le 31-08-2007 à 00:37:12    

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


Message édité par dwogsi le 31-08-2007 à 00:37:20

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 31-08-2007 à 10:48:39    

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û ?

Reply

Marsh Posté le 31-08-2007 à 11:16:04    

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

Reply

Marsh Posté le 31-08-2007 à 11:20:42    

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

Reply

Marsh Posté le 31-08-2007 à 11:25:30    

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.

Reply

Marsh Posté le 31-08-2007 à 11:28:42    

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

Reply

Marsh Posté le 31-08-2007 à 11:29:14    

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é.


Message édité par gzii le 31-08-2007 à 11:29:55
Reply

Marsh Posté le 31-08-2007 à 11:38:14    

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.


Message édité par gzii le 31-08-2007 à 11:39:26
Reply

Marsh Posté le 31-08-2007 à 11:38:35    

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

Reply

Marsh Posté le 31-08-2007 à 11:38:35   

Reply

Marsh Posté le 31-08-2007 à 11:39:05    

ha d'accord, je vais y regarder

Reply

Marsh Posté le 31-08-2007 à 11:48:45    

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 !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed