Image dynamique

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Image dynamique

    Bonjour,

    je souhaiterais, pour un div, que l'image affichée se fasse de manière aléatoire, je possède dans un dossier plusieurs images :

    picture_1.jpg
    picture_2.jpg
    picture_3.jpg


    Le div dans index.php :

    Code:
    <div id="picture"></div>
    le style associé dans template.css :

    Code:
    #picture {
      z-index: 4;
      position:absolute;
      width:200px;
      height:720px;
    background:url(../images/picture_1.jpg) no-repeat black;
    }
    A quel endroit ajouter une fonction de type "random" ?

    Merci d'avance

  • #2
    Re : Image dynamique

    Salut,

    Je pense qu'il faudra utiliser du javascript pour ça.

    Mais si c'est pour un template, tu peux aussi ne rien faire et juste ajouter une position et plus tard y ajouter un module, il en existe plein pour faire défiler des images.

    @++
    Merci de mettre à jour le titre de votre sujet quand il est réglé

    -- CV : http://annebc.0fees.net/ - Fiche Extensions Joomla Fr :
    http://extensions.joomla.fr/rechercher-par-contributeur/anne-brunas-dp1
    --

    Commentaire


    • #3
      Re : Image dynamique

      Envoyé par ndsaerith Voir le message
      Salut,

      Je pense qu'il faudra utiliser du javascript pour ça.

      Mais si c'est pour un template, tu peux aussi ne rien faire et juste ajouter une position et plus tard y ajouter un module, il en existe plein pour faire défiler des images.

      @++
      Je pencherais plutót pour la variante javascript. Mais comment faire pour arriver au final ? (nom du fichier)

      Code:
      <script type="text/javascript">
       var num =  Math.random();
      </script>
      mais finalement je dois concaténer le résultat au nom de la variable pour obtenir qqch du genre

      picture_1.jpg

      Commentaire


      • #4
        Re : Image dynamique

        Bonjour,
        le module mod_random_image fait déjà ça ; ça serait peut êtr eplus simple d'insérer une position dans ta div.
        Schtroumpfe toi le Schtroumpf t'aidera.
        Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

        Commentaire


        • #5
          Re : Image dynamique

          Je suis complètement d'accord avec Grand Schtroumpf

          Mais si vraiment tu veux le faire en code, tu peux chercher sur l'éditeur javascript (cf google) pour trouver ton bonheur.
          Merci de mettre à jour le titre de votre sujet quand il est réglé

          -- CV : http://annebc.0fees.net/ - Fiche Extensions Joomla Fr :
          http://extensions.joomla.fr/rechercher-par-contributeur/anne-brunas-dp1
          --

          Commentaire


          • #6
            Re : Image dynamique

            Envoyé par Grand Schtroumpf Voir le message
            Bonjour,
            le module mod_random_image fait déjà ça ; ça serait peut êtr eplus simple d'insérer une position dans ta div.
            Merci grand schtroumpf.

            Entre-temps j'ai trouvé une astuce :

            index.php - ajout du code suivant

            Code:
              <!--
              script de génération d'un nombre alétoire. Ce nombre est repris pour charger un div "picture" différents.
              dans la feuille de style associée il fait référence à une image différente
              -->
              <script type="text/javascript">
                var num = Math.floor(Math.random()*10);
                var nomFichier ="picture_"+num+".jpg";
                var commande ="<div id=\"picture_"+num+"\"></div>";
                document.write(commande);
              </script>
            génération aléatoire d'un nombre entier de 1 à 10, concaténation au nom du fichier de manière à obtenir un nom complet, ex. picture_7.jpg
            template.css - création des styles : picture_1 à picture_10 avec le code suivant (ex. pour picture_1, le nombre doit être à chaque fois modifié) :

            Code:
            #picture_1 {
              /*border: 1px solid red;*/
              z-index: 4;
              position:absolute;
              width:200px;
              height:720px;
            background:url(../images/picture_1.jpg) no-repeat black;
            }
            Donc selon le nom généré il se réfère au style correspondant.

            Je sais, pas du tout optimal mais ça fonctionne.

            Je vais quand même voir le module cité par le grand schtroumpf. Puis je mangerai un bon plat de salsepareille.

            Merci

            Commentaire


            • #7
              Re : Image dynamique

              Re,
              [HS]hum... c'est bon la salsepareille ![/HS]
              Schtroumpfe toi le Schtroumpf t'aidera.
              Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X