Younaka
{ Membre }
Messages : 32
| Bonjour, excusez moi pour le dérangement, en fait je viens poser une question totalement débile à propos du code de Loumina sur le défilement d'image... Comment on fait ? ^^'' |
Dernière édition par Younaka le Dim 16 Sep 2012, 13:36, édité 3 fois | |
|
'Christa
Lostmindy
Messages : 2856
| Bonjour, quel tutoriel, où ça ? '_' | | |
|
Younaka
{ Membre }
Messages : 32
| Bonjour, dans ce tutoriel : http://www.css-actif.com/t3132-defilement-d-images?highlight=d%C3%A9filement+d+images | | |
|
'Christa
Lostmindy
Messages : 2856
| Malheureusement, ce n'est pas un tutoriel mais un code à copier coller, autant dire qu'il est à prendre avec des pincettes.
Dans la mesure où il s'agit de javascript cela relève des compétences de Doare ou Espéon, ils passeront par ton sujet u_u | | |
|
Younaka
{ Membre }
Messages : 32
| D'accord, merci quand même ^^' | | |
|
Espeon
Administrateur
Messages : 1819
| En fait, il s'agit typiquement d'un code à copier-coller qui n'a pas encore été (re)validé par l'équipe CSSActif. Effectivement, quelques petits changements (et explications seraient nécessaires). Quoiqu'il en soit, tu peux l'implémenter ainsi : - D'abord, le javascript, que tu peux placer dans Panneau d'Administration > Modules > Gestion des codes Javascript :
- Code:
-
var pic=new Array("","1.gif","2.gif","3.gif","4.gif","5.gif","6.gif","7.gif","8.gif"); // remplacer par des images. var mis=new Array(8); for(i=1;i<9;i++) {mis[i]=0;} total=0; for(i=1;i<8;i++) { mis[i]=1+Math.round(Math.random()*7); trouve=0; for (j=1;j<i;j++) {if (mis[j]==mis[i]) {trouve=1;} } // if (trouve==1) {i=i-1;} if (trouve==0) {total=total+mis[i];} } mis[8]=36-total; var i=1+Math.round(Math.random()*7); function change() { document.pic.src=pic[mis[i]]; i++;if(i>8){i=1;} setTimeout("change()", 5000); } - Puis le code à placer dans ton HTML (un template ou bien une page HTML) où tu souhaites réaliser l'effet :
- Code:
-
<script> document.write("<img name='pic' src='"+pic[mis[i]]+"' title='"+pic[mis[i]]+"'>"); </script>
En fait, ce code permet de faire défiler une série d'image, comme sur l'exemple : http://loumina.1fr1.net/h5-defilement-d-images L'idée est de ne pas utiliser le format .gif qui va amoindrir la qualité de l'image. Cependant, ce code peut être véritablement amélioré/simplifié/corrigé. Mais bon, pour le moment ça fonctionne donc je l'ai laissé tel quel. Remplace simplement la série d'image par celle qui te correspond : var pic=new Array("","1.gif","2.gif","3.gif","4.gif","5.gif","6.gif","7.gif","8.gif"); Est-ce un peu plus clair ou reste-t-il des zones d'ombre ? | | |
|
Younaka
{ Membre }
Messages : 32
| Tout est bon, j'ai parfaitement compris comment faire ^^
Merci énormément Espeon ! | | |
|
Melone
{ Modérateur }
Messages : 805
| Bonsoir ! Merci d'avoir prévenu, je classe. Bonne soirée, | | |
|