Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    [Tuto] Pour les sites annexes (rotateur d'images)

    Partagez
    Age : 29Message(s) : 148
    Soulmate!
    le Dim 18 Jan 2009 - 14:34
    salut

    il y eu des demandes pour un rotateur d'images , c'est à dire , une insertion d'image qui change à chaque fois que la page est actualisée.

    Une des méthode , est d'utiliser le language php .. le problème ici , c'est que forumactif interdit l'utilisation du php dans les templates. ce qui est dommage ..

    donc , je vous le dis dés maintenant , ce tuto est réservé à ceux qui ont des sites annexes (comme NU) ou qui veulent utiliser cette méthode pour leur blog (hébérge sur une plateforme qui accepte le php)


    Trois simples étapes , trois portions de codes à insérer ..

    1 / la fonction random image

    insérer ce code en haut de votre page , par exemple , juste en dessous de
    Code:
    <body>



    le code à insérer


    Code:
    <?php
    function randomImage ( $array ) {
      $total = count($array);
      $call = rand(0,$total-1);
      return $array[$call];
    }
    ?>


    2/ Le tableau des images
    insérer ce code , juste après le code précédent , vous allez mettre ici les liens vers vos images , ou bien le chemin d'accés vers les images depuis votre fichier.

    Code:
    <?php
    $random_images = array (
      "blabla.jpg",
      "hihi.jpeg",
      "jjjjj.png",
      "exemple.gif"
    );
    ?>

    vous pouvez ajouter autant d'images que vous voulez biensur

    3/ la balise image
    d'habitude pour insérer une image vous faites comme ça
    Code:
    <img src="http://exemple.com/image.png" />

    cette fois , vous mettrez ce code au lieu de la balise img

    Code:
    <?php
    echo '<img
      src="'.randomImage($random_images).'"
      alt="Random Image" />';
    ?>


    Merci à Never Utopia et à tous les graphistes ici présent pour leur efforts .. vraiment bravo et merci.
    MasculinAge : 29Message(s) : 5736
    Riku Asakura
    le Lun 19 Jan 2009 - 12:07
    Excellent, merci beaucoup.
    Un code vraiment tout ce qu'il y a de plus simple, compréhensible par tous le pense.
    Petite précision, logique, mais je préfère...
    Le dernier code se met bien entendu à l'endroit où vous souhaitez placer votre (vos) bannière.

    Je pense que d'ici peu je ferais un script pour faire tourner l'affichage en fonction des heures... pas mal pour un RPG je pense Wink

    (je préfère vous en fournir un en php, qu'en javascript pour le moment).

    Il est possible d'utiliser ce script sur les forums de type Forum Actif, enfin je pense...
    L'idée serait de concevoir une page script.php contenant le code que nous fourni notre ami Soulmate.
    Ensuite dans le template overall_header_new il suffirait de placer une iframe appelant notre script :
    Code:
    <iframe src="script.php" width="LARGEUR" height="HAUTEUR" frameborder="0" ></iframe>
    Balise à placer à l'endroit où vous voulez mettre votre bannière

    Pour plus d'info sur l'iframe : info iframe

    J'ai pas essayé encore, mais ça doit être faisable je pense.

    Bises.



    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Age : 29Message(s) : 148
    Soulmate!
    le Lun 26 Jan 2009 - 18:47
    de rien ..
    je me souviens que le iframe est une balise qui marche seulement sur IE (faites par microsoft) .. je sais pas si son utilisation s'est étendu ..
    si c'est le cas , ça serai vraiment génial ...

    pour un rotateur selon l'heure .. je vais voir ce que je peux faire , ça serai excellent pour un RPG bien entendu ..


    Merci à Never Utopia et à tous les graphistes ici présent pour leur efforts .. vraiment bravo et merci.
    Contenu sponsorisé
    Aujourd'hui à 12:38

      La date/heure actuelle est Sam 3 Déc 2016 - 12:38