[PHPBB3] Récupération avatar (automatiquement) d'un membre

[Chipster]

• Version du forum :
  PHPBB3
• Templates modifiés :
  oui
• Navigateur :
  Chrome

bonjour à tous,

J'ai l'intention de faire une page avec l'équipe forum en y intégrant l'avatar des membres (avec les balises "img")
mais cette intégration d'image est figé au moment ou je ne fais.

Comment peut-on faire dans cette balise, pour intégrer la photo en cours.
Comme cela si le membre change son avatar, automatiquement le message de l'équipe du forum se met à jour et je n'ai pas à retoucher à mon message d'origine.

Cordialement

[Milouze14Fondateur]

Salut Ludovic,
est-ce une page html avec le haut de page d'activée ?
As tu déjà créé cette dernière et dans le cas d'une réponse positive merci de la fournir.
Quel profil est activé sur ton forum ?
Avancé ou non?
Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui ou non ?

[Chipster]

Bonsoir,

le profil avancé est bien activé.
Pour cette page, il s'agira simplement d'un message en ouverture de sujet.
Le message n'est pas encore créé.

Cordialement

[Milouze14Fondateur]

Pour cette page, il s'agira simplement d'un message en ouverture de sujet.

Hum, oui mais c'est assez vague, comment vas tu procéder car il me faut des infos et là franchement je ne sais quoi faire !!!
Tu mettras une iframe dans un message?

[Chipster]

Je vais construire un tableau pour "présenter" l"équipe.

1er ligne : ce sera le pseudo avec le lien du profil en URL
2ème ligne : ce sera la photo de l'avatar

Exemple :

Chipster	Milouze14

Dans la ligne du tableau (où il y a la photo avatar), il faudrait modifier le lien "figé" par un lien "dynamique"
En fait je cherche à récupérer l'image de l'avatar du membre u...

[Milouze14Fondateur]

Ok merci,
je vois cela demain .

[Chipster]

merci bien bonne soirée

[Milouze14Fondateur]

Hello Ludovic,

tu peux tester ceci:
Le code bbcode a placer dans les messages:

Code:


[table id="M14_member" border="1" cellpadding="12" cellspacing="0"]
[tr style=]
[td align="center" valign="bottom" width="50%"]
 Chipster[/td]
[td align="center" valign="bottom" width="50%"]
Eddy51[/td]
[/tr]

[tr style=]
[td][url=https://enfoires.forumactif.com/u1][/url][/td]
[td][url=https://enfoires.forumactif.com/u4][/url][/td]
[/tr]
[/table]


Il est impératif de ne pas mettre le lien sur les pseudos mais bien repérer
le lien le concernant et le placer juste en dessous comme le code bbcode fournit plus haut:
Le code fournit est prêt à l'emploi avec ton Pseudo et celui de Eddy51.

Et enfin le script qui s'occupera de récupérer l'avatar à la place des liens,
rassures toi les avatars seront cliquables afin d'arriver au profil du membre.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher Sur les sujets

Déposer ceci:

Code:


$(function(){
$('table[id="M14_member"]').find('a[href*="u"]').each(function(){
var $this=$(this);
var M14_link=$(this).attr('href');
$.get(M14_link , function(data){
var avatar=$(data).find('#profile-advanced-right .module:eq(0) img:first').attr('src');

  $this.replaceWith('<a href="'+M14_link+'"><img src="'+avatar+'"style="width:60px;height:60px;"/></a>');
});

 
});
});


Penser a cliquer sur le bouton

Il est impératif de laisser l'identifiant de la table (M14_member) afin que le script
fasse la relation.
Ensuite j'ai déposé le style pour les avatars directement dans le script:

Code:

<img src="'+avatar+'"style="width:60px;height:60px;"/>

Mais tu peux aussi déposer cela dans ta feuille de style:

Code:


#M14_member img{width:60px;height:60px;}



[Chipster]

bonjour

Merci Phil, cela fonctionne correctement même lors d'un changement d'avatar.

Bonne soirée

[Milouze14Fondateur]

bonjour

Merci Phil, cela fonctionne correctement même lors d'un changement d'avatar.

Bonne soirée

De rien Ludovic .

Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande