Sujets similaires

Bonjour, bonsoir !

Comme dis dans mon titre, j'ai actuellement un petit problème. J'ai beau actualiser, la bannière ne change pas. J'ai utilisé ce tuto :

http://www.css-actif.com/t5556-header-aleatoire

Et voici le forum de Test : http://mementotest.forumgratuit.org/
Normalement, quand on actualise, on devrait voir un changement de personnage.

Merci d'avance à vous !

Bonjour Swan.,
Afin de gagner du temps dans les réponses à ton problème, je te conseille de décrire quelle a été ta démarche et de donner tes codes : contenu de pages HTML correspondantes, notamment et autres éventuellement, selon les modifications que tu as apportées à ton forum. Wink

Hello, j'ai édité rapidement le tutoriel pour la méthode d'utilisation du JS, il faut créer un nouveau document javascript (dans les modules) et non pas rajouter un script chelou dans la description du forum.

Par contre sur ton forum le logo (la bannière) est juste une image transparente. Pour info, ça ne marchera pas avec le fond hein '_'

Bonsoir,
Merci pour vos réponses !

Pamima :

Code:: var banner = new Array();

banner[0]='http://img15.hostingpics.net/pics/237418BannRODbyswan.png';
banner[1]='http://img15.hostingpics.net/pics/286795banROBbyswan2.png';

document.getElementById('i_logo').src= banner[Math.floor(Math.random()*b

Code:: <script type='text/javascript' src='http://mementotest.forumgratuit.org/h4-banniere-aleatoire-h1.htm'></script>

Chista : En effet je le sais, néanmoins, en Logo, ça déforme le forum. Il devient très large, et en plus de cela, ça ne marche pas. Donc en attendant, je préfère le remettre en fond.

Donc j'en profite pour savoir si éventuellement, il y a un moyen de garder cela en fond ? Car en Logo, le forum suit et s'élargie, et personellement , je préfère abbandoner et mettre l'image en GIF plutôt que de le laisser s'élargire. Mais la qualité n'est pas terrible.

Mais si je n'ai pas le choix alors je m'y tiendrais.

Bonjour,

Non, il n'y a pas moyen d'utiliser CE tutoriel pour mettre l'image en fond plutôt qu'en logo, le code n'est pas fait pour ça. (Le code cible l'image possédant l'identifiant i_logo et change aléatoirement sa cible. Il est clair qu'une image de fond n'a pas d’identifiant associé vu qu'elle est indiquée dans le CSS)

Pour le reste je n'y connais pas grand chose malheureusement donc je ne peux pas t'aider, je vais avertir les spécialistes javascript mais vu qu'ils sont un et demie et super occupés... x_x (et puis en plus j'ai une cordiale haine pour les bannières aléatoires quand elles sont aussi lourdes à charger, en principe une bannière ça ne devrait pas dépasser les 200Ko, les tiennes font plus de 900Ko)

Cherche pas bien loin :

Code:: <script type='text/javascript' src='http://mementotest.forumgratuit.org/h4-banniere-aleatoire-h1.htm'></script>

Tu essaie de charger un script de type javascript, donc il doit porter une extension .js et non .htm.

De plus, je ne sais pas si c'est normal mais ton script n'est pas terminé ? Je suppose que c'est une erreur de copié-collé.

Okay !
Bon par contre, faut m'excuser, mais moi quand je suis sur photoshop c'est le côté graphique qui prend le dessus, n'étant pas une codrice dans l'âme, je me moque un peu de ce qui est ' normalement ' de mise.Puis je peux m'en passer dans le cas contraire si vraiment je ne trouve pas de moyens. En tout cas ne t'en fais pas, je vais chercher une solution via l'aide d'Esperon !

Oh, en effet je vois. J'ai bêtement suivie les tutoriels sans réfléchir à cer point. ( Bon maintenant, je le sais au moins, c'est vrai que je risquais pas de le deviner toute seule, les codages n'étant pas naturel chez moi. ). Merci à toi en tout cas ! Je vais peut-être changer la solution de la bannière fond pour un logo et appliquer un fond type papier peint finalement. Suffit de rétrécir mes deux bannières. Je test ça et je vous fait signe.

Merci encore à vous deux pour votre aide.

Espéon l'extension html c'est parce que le tutoriel (que j'ai corrigé vite fait au passage) utilisait l'ancienne méthode ~~de codeurs du dimanche~~ consistant à créer une page HTML à la place d'une page javascript, et à la placer dans la description du forum. Ca fait partie des trucs qu'on doit corriger dans la révision des tutos x)

Sinon pour le "normalement", disons qu'en ayant fait un tour par un coin de pays ou le chargement d'images est super lent, on attrape très vite le réflexe consistant à éviter de faire des fichiers hyper lourds. Et photoshop a une super fonction d'enregistrement : "enregistrer pour le web" qui permet de régler la compression des images o/

Yep, parfois je l'utilise, d'autre fois non. J'ai ce défaut qui constine en une haine archanée contre le moindre pixel. Je l'avoue, c'est pas tip-top. Néanmoins, je n'ai pas eu de plaintes de ce côté-là, mais si c'est le cas je n'hésitera pas à me faire une raison et à suivre ton conseil !

En revanche, je ne trouve pas ton tuto ? J'ai cherché mais, pas moyen de mettre la main dessus. Quant au Script Esperon, j'avoue ne pas comprendre quand tu me dis qu'il n'est pas achevé, je ne connais pas la consistance exact des scripts. ^^' Et je crois que c'est le dernier élément pour voir le code fonctionner. A moins que je n'utilise la méthode dont tu me parlais de ton côté Chirsta. ( Enfin, dès que j'ai mis la main dessus \0/)

Edit :

Code:: $(function() {

var a = ["http://img15.hostingpics.net/pics/539782rideorddiebannbyswan.png", "http://img15.hostingpics.net/pics/318733bannrieordie2byswan.png""];

$("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])

});

C'est celui-là ? Il était indiqué de le mettre en javascript. Ce que je viens de faire mais, rien ne fonctionne.

Citation :: En revanche, je ne trouve pas ton tuto ? J'ai cherché mais, pas moyen de mettre la main dessus. Quant au Script Esperon, j'avoue ne pas comprendre quand tu me dis qu'il n'est pas achevé, je ne connais pas la consistance exact des scripts. ^^' Et je crois que c'est le dernier élément pour voir le code fonctionner. A moins que je n'utilise la méthode dont tu me parlais de ton côté Chirsta. ( Enfin, dès que j'ai mis la main dessus \0/)

Quel tuto ? Je parlais à Espéon. J'ai dit que j'avais corrigé le tuto que tu as toi même cité en début de ton sujet, rien de plus O.o

Autant pour moi, je viens de réaliser mon erreur. Ca marche ! Merci de votre aide !

@'Christa : Ah ouais d'accord, je vois le genre... On a toujours du pain sur la planche quoi Wink

@Swan : Je parlais du premier script que tu nous a copié-collé dans ce topic, il s'arrête net mais je suppose que c'est une erreur de copié-collé. Peu importe.

Au niveau de ton second script, ça ne fonctionne pas parce-qu'il y a une erreur, un " de trop qui se balade dans ton tableau. Tu me permettra donc de corriger ça en te donnant une syntaxe qui t'évitera plus facilement ce genre de coquilles (c'est moins condensé, mais ça gagne en lisibilité, ce que je te conseille).

Code:: $(function() {
/* Initialise le tableau bannieres */
var bannieres = [];
bannieres.push("http://img15.hostingpics.net/pics/539782rideorddiebannbyswan.png");
bannieres.push("http://img15.hostingpics.net/pics/318733bannrieordie2byswan.png");

/* Remplace aléatoirement la src de l'image sélectionnée par une des bannieres */
$("#pun-logo img,#i_logo,#logo img").attr("src", bannieres[Math.floor(Math.random() * bannieres.length)]);
});