Problème de défilement d'image avec le code de Loumina [Résolu] Bouton_activeProblème de défilement d'image avec le code de Loumina [Résolu] Bouton_hoverProblème de défilement d'image avec le code de Loumina [Résolu] Fb-hoverProblème de défilement d'image avec le code de Loumina [Résolu] Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Problème de défilement d'image avec le code de Loumina [Résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème de défilement d'image avec le code de Loumina [Résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème de défilement d'image avec le code de Loumina [Résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème de défilement d'image avec le code de Loumina [Résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème de défilement d'image avec le code de Loumina [Résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème de défilement d'image avec le code de Loumina [Résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème de défilement d'image avec le code de Loumina [Résolu] EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Problème de défilement d'image avec le code de Loumina [Résolu] EmptyMar 07 Fév 2023, 08:40 par Oxtran

-21%
Le deal à ne pas rater :
LEGO® Icons 10329 Les Plantes Miniatures, Collection Botanique
39.59 € 49.99 €
Voir le deal

Partagez
 

Problème de défilement d'image avec le code de Loumina [Résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://humanity-war.forums-rpg.com/
Younaka
Younaka
{ Membre }
{ Membre }

Féminin Messages : 32



Problème de défilement d'image avec le code de Loumina [Résolu] Empty
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
MessageSujet: Problème de défilement d'image avec le code de Loumina [Résolu]   Problème de défilement d'image avec le code de Loumina [Résolu] EmptySam 15 Sep 2012, 10:40
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Problème de défilement d'image avec le code de Loumina [Résolu] Empty
Bonjour, quel tutoriel, où ça ? '_'
MessageSujet: Re: Problème de défilement d'image avec le code de Loumina [Résolu]   Problème de défilement d'image avec le code de Loumina [Résolu] EmptySam 15 Sep 2012, 11:08
Revenir en haut Aller en bas
http://humanity-war.forums-rpg.com/
Younaka
Younaka
{ Membre }
{ Membre }

Féminin Messages : 32



Problème de défilement d'image avec le code de Loumina [Résolu] Empty
Bonjour, dans ce tutoriel : http://www.css-actif.com/t3132-defilement-d-images?highlight=d%C3%A9filement+d+images
MessageSujet: Re: Problème de défilement d'image avec le code de Loumina [Résolu]   Problème de défilement d'image avec le code de Loumina [Résolu] EmptySam 15 Sep 2012, 11:29
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Problème de défilement d'image avec le code de Loumina [Résolu] Empty
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
MessageSujet: Re: Problème de défilement d'image avec le code de Loumina [Résolu]   Problème de défilement d'image avec le code de Loumina [Résolu] EmptySam 15 Sep 2012, 12:38
Revenir en haut Aller en bas
http://humanity-war.forums-rpg.com/
Younaka
Younaka
{ Membre }
{ Membre }

Féminin Messages : 32



Problème de défilement d'image avec le code de Loumina [Résolu] Empty
D'accord, merci quand même ^^'
MessageSujet: Re: Problème de défilement d'image avec le code de Loumina [Résolu]   Problème de défilement d'image avec le code de Loumina [Résolu] EmptySam 15 Sep 2012, 12:39
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Problème de défilement d'image avec le code de Loumina [Résolu] Empty
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 ?
MessageSujet: Re: Problème de défilement d'image avec le code de Loumina [Résolu]   Problème de défilement d'image avec le code de Loumina [Résolu] EmptyDim 16 Sep 2012, 09:18
Revenir en haut Aller en bas
http://humanity-war.forums-rpg.com/
Younaka
Younaka
{ Membre }
{ Membre }

Féminin Messages : 32



Problème de défilement d'image avec le code de Loumina [Résolu] Empty
Tout est bon, j'ai parfaitement compris comment faire ^^

Merci énormément Espeon !
MessageSujet: Re: Problème de défilement d'image avec le code de Loumina [Résolu]   Problème de défilement d'image avec le code de Loumina [Résolu] EmptyDim 16 Sep 2012, 13:35
Revenir en haut Aller en bas
Melone
Melone
{ Modérateur }
{ Modérateur }

Féminin Messages : 805



Problème de défilement d'image avec le code de Loumina [Résolu] Empty
Bonsoir !
Merci d'avoir prévenu, je classe.

Bonne soirée, Problème de défilement d'image avec le code de Loumina [Résolu] 90719
MessageSujet: Re: Problème de défilement d'image avec le code de Loumina [Résolu]   Problème de défilement d'image avec le code de Loumina [Résolu] EmptyDim 16 Sep 2012, 13:54
Revenir en haut Aller en bas
Contenu sponsorisé




Problème de défilement d'image avec le code de Loumina [Résolu] Empty
MessageSujet: Re: Problème de défilement d'image avec le code de Loumina [Résolu]   Problème de défilement d'image avec le code de Loumina [Résolu] Empty
Revenir en haut Aller en bas
 

Problème de défilement d'image avec le code de Loumina [Résolu]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [résolu] Petit problème avec mon QEEL : code de Miki
» Problème avec un code pour modifer l'avatar [Résolu]
» Problème avec ce code : "Messages & Sujets au dessus du dernier message" | Résolu :)
» Problème tableau de défilement des partenaires dans le footer [Résolu ^^]
» Problème avec le [code][/code], besoin d'aide !!

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit