image aléatoire du profil.

[reb912]

Bonjours j'aimerais savoir si il y a quelqu'un qui peu m'aider. J'ai réalisé un désigne autour de mes profil c'est à dire une image et j'aimerais quel soit aléatoire exemple quand on rafréchie la page, lune autre image prend la place.....Donc j'aimerais savoir si vous n'auriez pas un code pour ça , j'ai cherché partout et je ne trouve pas.

[reb912]

up

[Invité]

Bonjour,

Voici un tutoriel officiel de forumactif :
https://forum.forumactif.com/t311585-mettre-un-avatar-gravatar-aleatoire-aux-membres-sans-avatar

Merci, bonne fin de journée.

[reb912]

c'est pas ça que je recherche. J'ai modifier les profils en mettant une image dessus et je voudrais savoir comment je fait pour que ces images soient aléatoire. En plus elles sont composés de trois image ex: http://black-rose.forumgratuit.org/t320-okita-soji#11250 donc comme vous pouvez le voir la sirène est en trois morceau et je ne sais pas comment faire pour que ce soit aléatoire.

[Invité]

Bonsoir,

Je ne suis pas sur de moi, mais votre demande soit elle existe en codage soit pas du tous.

Faudra qu'un modérateur vous le dise, je ne sais vraiment si cela est possible.

Merci, bonne soirée.

[reb912]

oki merci quand même

[Invité]

Je vous propose de faire une suggestion ici :
https://forum.forumactif.com/f3-

Merci, bonne nuit.

[reb912]

ok j'ai fait la suggestion, mais apparemment ça ne va pas m'aider.

[reb912]

up

[reb912]

up

[reb912]

up

[reb912]

up

[reb912]

up

[reb912]

up

[[Nihil]]

Je pense que c'est faisable avec du jQuery
Il suffit d'ajouter ceci :

Code:


$(document).ready(function(){
   var imagesHaut = ["url('http://lorempixel.com/output/business-q-c-640-480-4.jpg')","url('http://lorempixel.com/output/fashion-q-c-640-480-6.jpg')","url('http://lorempixel.com/output/technics-q-c-640-480-8.jpg')"];
   var imagesBas = ["url('http://lorempixel.com/output/business-q-c-640-480-4.jpg')","url('http://lorempixel.com/output/fashion-q-c-640-480-6.jpg')","url('http://lorempixel.com/output/technics-q-c-640-480-8.jpg')"];
   var nombre = Math.floor(Math.random()*3);
   $("td.haut_tab").css("background",imagesHaut[nombre]);
   $("td.bas_tab").css("background",imagesBas[nombre]);


});



Là j'ai mis des images fictives, il suffit de remplacer par le bon lien . Le *3 est à remplacer par le nombre d'images. Le code n'est pas encore parfait, en effet, il y peu de probabilité de tomber sur la dernière image... Je peux modifier le code si vous voulez une équirépartition de chaque image

Panneau d'admin >> Modules >> HTML & JAVASCRIPT >> Gestion des codes Javascript pour ajouter le code. Pensez bien à activer la gestion des codes Javascript.

[reb912]

merci pour votre aide je vais le tester tous de suite ^^

[reb912]

coucou g un problème ça mélange mes images

[[Nihil]]

Ah oui j'avais oublié de précisé quelque chose. Il faut que la première image de imagesHaut, soit celle qui aille avec la première image de imagesBas , sinon effectivement, cela va les mélanger.

[reb912]

oki merci c'est impeccable merci beaucoup ^^

[Chacha]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif