Banière aléatoire - please help

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Banière aléatoire - please help

Message par Arzaqua le Jeu 7 Juin 2012 - 14:56

Bonjour/Bonsoir et merci cher/chère lecteur(s) et/ou lectrice(s).

Voilà, mon gros défi est d'installer une bannière aléatoire sur mon forum avec tous le même concept dans leurs style. Tout de fois, je ne cacherai pas que je débute totalement dans le codage. Bien sûre je comprend quelque rudiment plus particulièrement du HTML qui ce révèle être (pour moi du moins) le plus simple. Néanmoins, les balises pour une bannière aléatoire me semble être en CSS et rendu là j'ai complètement galéré sur mon forum et vous supplie à genoux si il le faut m'aider à le comprendre.

Spoiler:
Code:
$(function() {
       
          var a = ["http://adresse_image_1", "http://adresse_image_2", "http://adresse_image_3"];
       
          $("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])
       
        });

Mon défi personnelle est assez complexe vu que je veux insérer 11 images. Par contre, de l'aide serais apprécié j'ai essayer plusieurs choses en test avec 3 images à la fois pour voir si sa pouvais fonctionner... mais comme vous pouvez le remarquer par ma présence ici présente je bloque.

1 ière tentative :

J'ai inséré entre les guillement ''...'' l'adresse bien ordinairement des images que j'avais héberger des lien comme ceci en laissant entre chacune leurs virgules:


Spoiler:
Code:
$(function() {
       
          var a = ["http://img256.imageshack.us/img256/7020/218081024x768maihimetok.jpg", "http://img140.imageshack.us/img140/5396/konachancom22466fujinos.jpg", "http://img201.imageshack.us/img201/6554/maihime10.jpg"];
       
          $("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])
       
        });

mais rien (Nada) il n'y avais eux aucun changement malgré mes vingtaine de *clic* pour en être sûre.
Désespérer j'ai fait une deuxième tentative complètement ridicule qui na rien changé non plus du genre enlever les parenthèse ''...'' et y insérer les code widget.

ceux-là sans tout retaper l'exemple:

Spoiler:
Code:
<script src='http://img201.imageshack.us/shareable/?i=maihime10.jpg&p=tl' type='text/javascript'></script><noscript>[URL=http://imageshack.us/photo/my-images/201/maihime10.jpg/][IMG]http://img201.imageshack.us/img201/6554/maihime10.jpg[/IMG][/URL]</noscript>

Et bon... plutôt que de continuer mes test à l'aveuglette que j'aurais plus faire aussi avec des lien HTML je suis carrément passé ici. À vous demander secours mes bon héros.

Pourriez vous m'aidez à trouvé l'erreur.
-Que fais-je de pas censé?
-est-ce un problème de codage que mon forum ne prend pas ? (j'en serais surprise... je me crois plus être la cause du problème)
-Ou encore est-ce lien le ("#pun-logo img,#i_logo,#logo img") que je comprend pas et ne touche pas ?
(ou que je comprend totalement rien XD et que je suis complètement dans le champs)



Dernière édition par Arzaqua le Ven 8 Juin 2012 - 15:36, édité 1 fois

Arzaqua
Nouveau membre

Messages : 21
Inscrit(e) le : 05/06/2012

http://mai-hime.forumactif.fr/
Arzaqua a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Banière aléatoire - please help

Message par Pinguino le Jeu 7 Juin 2012 - 15:38


Pinguino
Adminactif
Adminactif

Masculin
Messages : 10229
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Banière aléatoire - please help

Message par Arzaqua le Jeu 7 Juin 2012 - 17:09

Non je dois avouer que ce n'étais pas ce tutoriel que j'avais trouvé ^^''.
Merci beaucoup pour ce lien j'ai tout appliquer pour la version phpBB3.
Tout de fois je n'ai toujours pas le résultat voici mon HTML:

Code:

var banner = new Array();
       
        banner.push('http://img135.imageshack.us/img135/7020/218081024x768maihimetok.jpg');
        banner.push('http://img232.imageshack.us/img232/5396/konachancom22466fujinos.jpg');
        banner.push('http://img205.imageshack.us/img205/6554/maihime10.jpg');
       
        document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];

et j'ai aussi coller le lien donner de la page HTML:
http://mai-hime.forumactif.fr/h1-baniere-aleatoire

dans la description du site:

Code:
<script type='http://mai-hime.forumactif.fr/h1-baniere-aleatoire'></script>

Je me demandais si mon erreur était celle de laisser les guillemets ou tout autre. (Avant de me mettre à effacer n'importe quoi.)

Arzaqua
Nouveau membre

Messages : 21
Inscrit(e) le : 05/06/2012

http://mai-hime.forumactif.fr/
Arzaqua a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Banière aléatoire - please help

Message par Pinguino le Ven 8 Juin 2012 - 11:27

Bonjour,


Vous vous êtes trompé dans le code du script à placer dans "Description du site"

Mettez ceci
Code:
<script type='text/javascript' src='http://mai-hime.forumactif.fr/h1-baniere-aleatoire'></script>

Cordialement,


NOTE : je vois que dans le code de la page HTML vous avez opté pour 3 images sans défilement, dans votre 1 message vous disiez vouloir 11 images, pourquoi ne pas avoir mis les 11 liens ?

scratch

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10229
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Banière aléatoire - please help

Message par Arzaqua le Ven 8 Juin 2012 - 15:36

En fait, j'y allais a coup de test de 3 avant de m'embarquer dans les 11.

Mais puisque maintenant grâce à vous ça fonctionne, je peux aller tout de suite y rajouter les 8 autres.

Infiniment merci. Very Happy

Arzaqua
Nouveau membre

Messages : 21
Inscrit(e) le : 05/06/2012

http://mai-hime.forumactif.fr/
Arzaqua a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum