Image positionnés et aléatoire

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

Résolu Image positionnés et aléatoire

Message par Mysticals le Ven 5 Avr 2013 - 22:38

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...


Dernière édition par Soldat Royal le Dim 7 Avr 2013 - 19:18, édité 1 fois

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image positionnés et aléatoire

Message par Mysticals le Dim 7 Avr 2013 - 8:24

Hello ! Petit up du Dimanche matin.

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image positionnés et aléatoire

Message par Arlem le Dim 7 Avr 2013 - 13:52

Salut Smile

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)]+'">');

});

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image positionnés et aléatoire

Message par Mysticals le Dim 7 Avr 2013 - 19:18

Tu es un Dieu !

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image positionnés et aléatoire

Message par néco le Dim 7 Avr 2013 - 19:37

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

et sinon ... (je suppose que son "truc" marche , sinon tu ne l'aurait pas traité de "dieu" Laughing ) 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 ! Wink

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image positionnés et aléatoire

Message par Mysticals le Dim 7 Avr 2013 - 19:45

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.

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image positionnés et aléatoire

Message par néco le Dim 7 Avr 2013 - 19:50

ok Wink

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco 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