[PHPBB3] Ajouter un nombre de photos, encore

Re Serge,

Mes remarques rapides:
. Je préfère que l'on voit la 1ière photo quand on arrive sur la liste des sujets. et que soit comme tu as fait on fait apparaitre les autres avec le bouton d'ouverture, soit les autres apparaissent au survol de la 1ière.
. L'auteur n'apparait pas sur toutes les photos. On dirait qu'il n'apparait que si l'auteur est le membre connecté, sinon on a posté par et rien ensuite.

La première photo s'affiche Serge.
Les autres photos s'affiche en cliquant sur le bouton prévu à cet effet (si il y plus d'une photo sinon, il ne s'affiche pas).

Au survol, c'est trop contraignant Serge.

Hum, tu n'as pas le membre qui s'affiche dans les messages ici:



Tu as testé sur ton fofo de tests ?

Comme j'avais les ids sur ton fofo de tests, je me suis permis de modifier le script pour les auteurs:

Code:

   var auteur=$(this).closest('.postbody').find('p.author a[href^="/u"]').text();

Au lieu de:

Code:

var auteur=$(this).closest('.postbody').find('p.author strong').text();

Re Phil

Je fais les tests sur ce forum:
https://sergetest.kanak.fr/f1-votre-1er-forum

si, si j'ai bien les membres qui s'affichent, c'est du problème d'auteurs dont je parlais.
Et c'est bon cette fois avec ta modif sur le forum test.

Pour le survoi, pas grave Phil, ça me va bien ainsi, c'est l'option 1.

si j'ai bien compris, tu as mis la div sous la balise li, car positionnée comme avant cela posait problème.
Comme tu as mis la div sous la balise li, serait-il possible de la décaler sur la droite d'environ 50px tout en gardant les miniatures cote à cote?

si, si j'ai bien les membres qui s'affichent, c'est du problème d'auteurs dont je parlais.

Hum, la mémoire te joue des tours Serge,
on a bien parlé d'afficher toutes les photos a partir d'ici:
https://www.milouze14.com/t32519-phpbb3-ajouter-un-nombre-de-photos-encore#619304

Et c'est bien l'auteur de toutes façons mon ami pour toutes les photos trouvées .



Il suffit de trouver la div concernée:

Code:

   /*Les conteneur dans la liste sujets SF et dans derniers messages*/
    .M14_LoaD_ToPiCs
    {
    height: 80px;
    overflow-y:auto;  
    overflow: hidden;
    left: 10px;
    position: relative;
    width: 95%;
  margin-bottom: 10px;
    }


De modifier la valeur 10 du left par 60:

Code:

   .M14_LoaD_ToPiCs
    {
    height: 80px;
    overflow-y:auto;  
    overflow: hidden;
    left: 60px;
    position: relative;
    width: 95%;
  margin-bottom: 10px;
    }


Ce qui est effectué sur ton fofo de tests.

Super Philippe, c'est tout bon

J'essaie tout ça sur mon fofo dans le soirée avant de passer en résolu.

Un énorme merci l'ami.

De rien Serge, j'adore ce genre de développement

Re Phil,

Tu te doutes que j'adore aussi ces développements :-)

Tiens, je viens de voir qu'il n'y a plus la roue annonçant qu'il faut patienter.
Le nombre de photos grignote sur la taille de la miniature au lieu d'être au dessus.

Avant d'essayer sur mon fofo, je fais des essais cette fois sur mon autre forum d'essai ici:
https://whoroot.forumactif.com/f1-phototest

C'est pour essayer d'avoir ces fameuses miniatures à gauche.

j'ai modifié cette ligne avec dl.icon pour voir:

Code:

$('dl.icon').after('<div class="M14_LoaD_ToPiCs"><span class="M14_Open_GetPhotos" title="Afficher la suite..."><img src="https://i.servimg.com/u/f20/20/11/87/27/button13.png"/></span><span class="M14_Close_GetPhotos" title="Fermer"><img src="https://i.servimg.com/u/f20/20/11/87/27/button12.png"/></span><div></div></div>');

Et en ajustant le css.

Code:



ul.topiclist dd.dterm,ul.topiclist dt {padding-left: 175px;}

 .M14_LoaD_ToPiCs {
 left: 60px;
 margin-bottom: 10px;
 overflow: hidden;
 overflow-y: auto;
 position: relative;
 width: 95%;
 top: -40px;
 z-index: 10;
}
 

Mais entre autres petits pb, la miniature apparait sur les notes/annonces et les titres (sujets- réponses- derniers sujets) sont décalés.

Tiens, je viens de voir qu'il n'y a plus la roue annonçant qu'il faut patienter.

Oui c'est logique Serge, on ne parle plus d'importation en html mais avec un append.
Donc c'est tout bonnement impossible mon ami.

C'est pour essayer d'avoir ces fameuses miniatures à gauche.

Avec le style, tu appliques à toutes les listes des sujets.
De plus on défile toujours de gauche à droite Serge et non l'inverse.
Il suffit de modifier ce style:

Mettre 90% à la place des 60px du left.

Code:


.M14_LoaD_ToPiCs {
    left: 60px;
    margin-bottom: 10px;
    overflow: hidden;
        overflow-y: hidden;
    overflow-y: auto;
    position: relative;
    top: -40px;
    width: 95%;
    z-index: 10;
}

Pour le décalage, tu ne trouves pas la cause ????????
Il suffit de retirer le -40 au top et el modifier en 0px.
Ce qui est effectué sur ton fofo de tests.


Pour les annonces, tu as bien la même image que celle mentionnée dans le script:

Code:

$('dl.icon[style*="https://i.servimg.com/u/f31/19/32/37/01/icon_t30.png"]')

Bonsoir Philippe,

Merci pour ton retour et ton aide.

je plonge et essaie d'installer tout ça sur mon fofo.

A tout de suite.

Alors le but de mes modifs étaient de placer les miniatures à gauche Philippe, et donc me fallait remonter l'image, d'où mon top.

D'où cette modification, mais j'ai pas mis le :not(.M14_Annonc) qui ne fonctionnait plus, bizarre

Code:


    $('dl.icon').after('<div class="M14_LoaD_ToPiCs"><span class="M14_Open_GetPhotos" title="Afficher la suite..."><img src="https://i.servimg.com/u/f20/20/11/87/27/button13.png"/></span><span class="M14_Close_GetPhotos" title="Fermer"><img src="https://i.servimg.com/u/f20/20/11/87/27/button12.png"/></span><div></div></div>');

C'est presque bon sur mon fofo.

Bonsoir Serge,
alors, je viens de me rendre compte compte qu'il faut mettre une taille identique sur la dimensions des images dans le style:

Code:

/*Les images*/
    .M14_PhotOs
    {
    height:80px;
    width:80px;
    margin:0px 3px;
    object-fit: cover;
    z-index: 10;
   
    }

Afin d'être crédible sur l'affichage du nombre de photo(s).

J'ai édité mon message juste ci-dessus pour expliquer mon top.

Pour le width, j'avais corrigé en mettant 100%.
Tout se passe sur mon fofo Phil en ce moment.

Pour le width, j'avais corrigé en mettant 100%.

Comme tu veux Serge,
j'arrête et je vais clôturer le sujet car tu ne veux pas suivre mes conseils cher ami.

https://www.milouze14.com/t32519-phpbb3-ajouter-un-nombre-de-photos-encore#619337

Non Philippe,
Au contraire, je suis tes conseils.

Mais nos messages se sont croisés car pour l'instant, j'ai juste mis ce que j'expliquais ici sur mon fofo Phil:
https://www.milouze14.com/t32519-phpbb3-ajouter-un-nombre-de-photos-encore#619329

Il faut mettre l'identique de ton forum de tests Serge.

https://whoroot.forumactif.com/f1-phototest

Par contre tu peux laisser le width:100%; pour les dimensions de photos,
du moment que tu laisses le max-width:80px

Il faut supprimer le style que tu as déposé sur le fofo de ton profil Serge,
'est horrible..

Code:

dd.dterm {
    padding-left: 180px !important;


Philippe,

Le ddterm a été retiré sur mon fofo.

Tu souhaites que je mette sur mon fofo ce qu'il y a sur mon forum test, avec la miniature en dessous ?
https://whoroot.forumactif.com/f1-phototest

Ok Serge,

Tu souhaites que je mette sur mon fofo ce qu'il y a sur mon forum test, avec la miniature en dessous ?

Oui bien sûr Serge.

C'est fait Philippe

Oki, donc , c'est tout de même bien plus agréable à l’œil ..

Oui, en effet :-)

Il y a le texte avec le nombre de photos qui est sur la photo.
On le voit par exemple quand il y a plusieurs photos et qu'on clique sur l'ouverture, les usivantes apparaissent donc plus hautes.

Je n'ai pas ce soucis de mon côté lorsque je visualise ce forum:
https://photoclic.forum-pro.fr/f5-reportage-series-au-long-cours

Effectivement le texte déborde un peu, mais malheureusement on ne pourra pas faire grand chose de ce côté, c'est assez drastique avec la c.s.s....

Si, si,c'est pareil Philippe, la 1ière photo est tronqueé de la hauteur de la ligne avec le nbre de photos:

Ah nos messages se sont croisés.

Alors c'est tout bon Philippe.

Je passe en résolu.

Merci pour ton aide précieuse l'ami et ce superbe script

Bonne soirée Philippe.