Image positionnés et aléatoire

[Invité]

Bien le bonsoir tout le monde.

J'ai encore une requête d'adaptation de script à vous soumettre. J'ai un script qui m'affiche simplement une image en bas à droite de mon forum:

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: -3px; right: -7px;z-index:10000;"><td style="vertical-align: bottom;"><img src="image1">'); } );

J'aimerais avoir plusieurs image aléatoire en plus de celle si ( elle auront la même taille ), disons ces deux:
https://lh4.googleusercontent.com/-tGbYgnzgUW0/UV8skgB6boI/AAAAAAAAIus/bfJBgthXfg4/s280/Zombie_2.png et https://lh3.googleusercontent.com/-Kp7CTdBBwB8/UV8skcyu3HI/AAAAAAAAIuo/F8lN00pMV2w/s280/Zombie.png

J'ai ce script pour une fond de page aléatoire ( il me semble ), mais comment l'adapter à celui qui m'affiche l'image en bas à droite?

Code:

$(function() {

  var a = ["image1", "image2"];

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

});

Je bloque surtout sur le fait qu'on définisse la position de l'image dans le premier, alors que le deuxième non.

En remplaçant le lien de l'image par une cible "#zombie# et remplacer #pun-logo img,#i_logo,#logo img par cette cible, mais ça ne fonctionne pas:

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: -3px; right: -7px;z-index:10000;"><td style="vertical-align: bottom;"><img src="#zombie">'); } );

Code:

$(function() {

  var a = ["https://lh4.googleusercontent.com/-tGbYgnzgUW0/UV8skgB6boI/AAAAAAAAIus/bfJBgthXfg4/s280/Zombie_2.png","https://lh3.googleusercontent.com/-Kp7CTdBBwB8/UV8skcyu3HI/AAAAAAAAIuo/F8lN00pMV2w/s280/Zombie.png"];

  $("#zombie").attr("src", a[Math.floor(Math.random() * a.length)])

});

Désolé de ma barbarie, mais suis vraiment à l'ouest en codage encore...

[Invité]

Hello ! Petit up du Dimanche matin.

[Arlem]

Salut

Tu y étais presque avec ton script je pense, à la seule erreur que tu indiquais l'id #zombie au mauvais endroit, il aurait fallu l'indiquer comme ceci : <img src="" id="zombie"/>, par contre le soucis auquel tu aurais été confronté est que les deux scripts s’exécutent une fois que la page est finie de charger, et si le second s’exécute en premier alors il ne trouve pas l'id zombie et donc n'affiche pas l'image...
Si on rassemble tout en un seul script, ça donnerait ceci :

Code:

$(function() {
 
  var a = ["https://lh4.googleusercontent.com/-tGbYgnzgUW0/UV8skgB6boI/AAAAAAAAIus/bfJBgthXfg4/s280/Zombie_2.png", "https://lh3.googleusercontent.com/-Kp7CTdBBwB8/UV8skcyu3HI/AAAAAAAAIuo/F8lN00pMV2w/s280/Zombie.png"];
 
  $("body").append('<table style="position: fixed; bottom: -3px; right: -7px;z-index:10000;"><td style="vertical-align: bottom;"><img src="'+a[Math.floor(Math.random() * a.length)]+'">');

});

[Invité]

Tu es un Dieu !

[néco]

si tu est satisfait ... fais le lui savoir en cliquant sur "merci"
ça lui ferra sans doute plaisir !

et sinon ... (je suppose que son "truc" marche , sinon tu ne l'aurait pas traité de "dieu" ) mais si son truc ne marche pas comme tu veux .... au lieu de t'embêter avec des codes et des scrip ... tu as toujours l'option de créer toi même une sorte de "gif animé" qui alternerait tes trois images successivement , et la copier ensuite en tant qu'une seule et unique image !

bizzz

[Invité]

Je l'ai personnellement remercié, surtout que ce n'est pas la première fois qu'il m'aide.

Et oui, ça fonctionne parfaitement. Je préfère me servir d'un script car c'est à l'actualisation que je souhaite un changement, et non au bout de "X" temps, puis c'est plus simple de changer une liste d'images pour en ajouter par exemple que de re-créer un gif à chaque fois.

[néco]

ok

bizzz