[PHPBB3] *RESOLU* Photos du topic

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

[PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 1 Aoû 2017 - 11:54
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Bonjour,

Peut-être un exercice de retour de vacances impeccable 

Serait-il possible d'avoir un bouton en haut des sujets, qui au clic présenterait les miniatures des photos postés dans le sujet.
Le top serait qu'en cliquant sur une miniature, on arrive sur le message correspondant.

Cela pourrait ressembler à ça (c'est présenté sur fond noir et gris foncé, juste pour l'exemple):
Spoiler:



Ce serait présenté en haut du sujet ou sur une autre page (selon la difficulté).

Le bouton pourrait-être placé là, ou à gauche du bouton "Partager"(selon la difficulté):
Spoiler:



Merci pour votre aide.


Dernière édition par photoclic le Sam 12 Aoû 2017 - 0:43, édité 1 fois

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 1 Aoû 2017 - 20:20
fascicularia
avatar
Administrateur

Messagefascicularia

  • 16px
  • 24px
  • Zoom
Bonjour Photoclic,
il suffit d'installer un système  lightbox qui aura l'effet escompté.

La seule différence est qu'au lieu de cliquer sur un bouton, il s'enclenche lorsque tu cliques sur une image. le système intègre un slide qui permet de faire défiler toutes les images contenues dans le sujet.

Pour ton extra par contre, ce n'est pas prévu dans le lien du tutoriel que je vais te communiquer

http://help.forumotion.com/t115826-add-a-lightbox-effect-to-the-images-of-the-forum

Autre point, il ne fonctionne qu'avec des images encadrées uniquement par les balises img. S'il y a l'adresse complète (url +img) c'est râpé.



Administrateur des forums



Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 1 Aoû 2017 - 21:32
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Bonsoir Stéphane,

Merci pour ton lien.

Les photos postées sur mon forum sont des photos hébergées principalement sur servimg et postées avec l'adresse complète, donc cela ne collerait pas.

J'ai quand même essayé pour voir sur un forum en phpbb2 et un en phpbb3 et ce qui se passe sur les 2 quand je clique sur l'une des photos, elle m'apparait seule sur la page sur un fond sombre. Je ne sais pas si c'est le fonctionnement normal.
De toutes façon, cela ne colle pas par rapport à ce que j'avais en tête. Merci quand même.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 8:07
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge et Stéphane,

Serge, si tu as admettons 60 images sur le sujet , tu va avoir en avoir une ribambelle
dans le bloc demandé.Il ne vaut mieux pas mettre que la première image
de chaque message ?





-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 8:52
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Re Serge,
en partant de mettre que la première image de chaque message.

On peut avec ce script:
afficher au survol le texte du sujet (bon il sera le même forcément mais c'est un plus mdr ) ensuite
chaque image sera cliquable et emmènera vers le message de la page active.


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur les sujets

Déposes ceci:
Code:
$(function(){
$('<div class="M14_photos"><span class="M14_SlidePhotos"title="Afficher/Masquer les miniatures"><img src="https://i11.servimg.com/u/f11/11/26/21/37/icon_a14.png"/></span><div class="M14_Load_photos"></div></div>').insertBefore('h1.page-title');
});

$(function() {
$('.postbody').each(function(){
var M14_link=$(this).find('.topic-title a[href^="/t"]').attr('href');
var M14_text=$(this).find('.topic-title a[href^="/t"]').text();
var M14_linkPhoto=$(this).find('.content img:first').not('img[src*="/smiles/"]').attr('src');
if(M14_linkPhoto)
{
$('.M14_Load_photos').append('<a href="' +M14_link + '"title="'+M14_text+'"><img src="'+M14_linkPhoto+'"/></a>');
}
});     
 
});

$(function(){
  $('.M14_SlidePhotos').click(function(){
  $(this).next().fadeToggle();
  });});


Penses a cliquer sur le bouton Valider


Dans la première partie du script on trouve ceci:
Code:

<span class="M14_SlidePhotos"title="Afficher/Masquer les miniatures">
<img src="https://i11.servimg.com/u/f11/11/26/21/37/icon_a14.png"/>
</span>

Ce sera l'image qui va permettre l'affichage ou non du conteneur des images.

On style tout cela:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposes ceci:
Code:
/*On donne une apparence au conteneur*/
.M14_photos{height:60px;}
/*Le bouton d ouverture fermeture*/
.M14_SlidePhotos img{width:16px;height:16px;}
.M14_SlidePhotos{cursor:pointer;float:right;margin-top: 0px;background:#3A3E3D;}
/*On creer une marge entre chaque lien*/
.M14_Load_photos a{height:80px;width:80px;padding:10px 5px;}
/*on donne une taille maximale*/
.M14_Load_photos img{width:40px;height:40px;margin-top: 10px;}
/*on cache le bloc des photos*/
.M14_Load_photos{display:none;background:#3A3E3D;height:60px;}


Penses à valider les modifications en cliquant sur le bouton Valider

Les photos sont alignées à gauche actuellement , si tu désires les centrer , il faudra ajouter ceci:

Code:
text-align: center;

Ici:


Code:
.M14_Load_photos{display:none;background:#3A3E3D;height:60px;}







-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 10:42
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Bonjour Philippe,

J'espère que tes chaudes vacances familiales se sont bien passées. Je te sens en pleine forme :-)

Vraiment excellent ce que tu me proposes là Phil. Un grand merci.

En fait j'aimerais bien si cela est possible que toutes les miniatures des photos soient présentées, peut-être avec un ascenseur en bas du bloc pour faire défiler si ça sort du bloc qui resterait sur une ligne comme actuellement.

Sinon peut-être limiter le nombre de miniatures (à 5 ou 10).

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 10:55
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tout s'est bien passé Serge merci,

sinon je viens d'apporter un correctif au script afin qu'il se déclenche seulement si il y une image.
Oups édit, bug sur la prise en charge de toutes les images.

On verra ensuite car sur mon fofo de test je n'ai que 4 images, je vais de ce pas en déposer plusieurs afin de voir l'apparence.

En attendant:

Le script modifié:

Code:
$(function(){
$('<div class="M14_photos"><span class="M14_SlidePhotos"title="Afficher/Masquer les miniatures"><img src="https://i11.servimg.com/u/f11/11/26/21/37/icon_a14.png"/></span><div class="M14_Load_photos"></div></div>').insertBefore('h1.page-title');
});

$(function() {
$('.postbody').each(function(){
var M14_link=$(this).find('.topic-title a[href^="/t"]').attr('href');
var M14_text=$(this).find('.topic-title a[href^="/t"]').text();
var M14_linkPhoto=$(this).find('.content img:first').not('img[src*="/smiles/"]').attr('src');
if(M14_linkPhoto)
{
$('.M14_photos').show();
$('.M14_Load_photos').append('<a href="' +M14_link + '"title="'+M14_text+'"><img src="'+M14_linkPhoto+'"/></a>');
  
}
});      
  
});

$(function(){
  $('.M14_SlidePhotos').click(function(){
   $(this).next().fadeToggle();
  });});

La c.s.s modifiée:
Code:
/*On donne une apparence au conteneur*/
.M14_photos{display:none;}
/*Le bouton d ouverture fermeture*/
.M14_SlidePhotos img{width:16px;height:16px;}
.M14_SlidePhotos{cursor:pointer;float:right;margin-top: 0px;background:#3A3E3D;}
/*On creer une marge entre chaque lien*/
.M14_Load_photos a{height:80px;width:80px;padding:10px 5px;}
/*on donne une taille maximale*/
.M14_Load_photos img{width:40px;height:40px;margin-top: 10px;}
/*on cache le bloc des photos*/
.M14_Load_photos
{
display:none;
background:#3A3E3D;
height: 60px;
overflow-y: auto;

}


Dernière édition par Milouze14 le Mar 8 Aoû 2017 - 11:00, édité 2 fois (Raison : annulation de la prise en charge de toutes les images)



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 11:07
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Re-Phil,

Là, je n'ai effectivement qu'une seule miniature.
Et l'ascenseur apparait à droite. J'imaginais le défilement plutôt horizontalement.

Pour mettre moins de photos pour l'essai, peut -être augmenter la taille des miniatures.
Elles seront portées sur mon forum à 160px.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 11:33
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu peux me donner ta css Serge stp, pour le défilement il aurait fallut le demander avant la structure et différente a mettre en place clin oeil .
J'ai modifié le script car je ne peux pas mettre toutes les images d'un message (point de vue technique)



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 11:40
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Quand je disais défilement, c'est uniquement avec l'ascenseur Phil que je le souhaitais.

Ma CSS est énorme phil avec une partie dans une page HTML et une autre dans le template overhall header.

Le plus simple et que tu te connectes avec l'id que je t'avais donné que je passe en droit admin.

Pour un test avec plusieurs photos, tu as ce lien: http://photoclic.forum-pro.fr/t18782-noir-et-blanc-margo#M14

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 11:44
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Quand je disais défilement, c'est uniquement avec l'ascenseur Phil que je le souhaitais.

Oui mais entre le défilement vertical et horizontal la structure et différente a mettre en place.
Je parlais juste de la c.s.s donné car tu as dit que tu avais modifié les image avec ces dimensions 160px



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 11:48
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Ah OK. J'ai remis ta css Phil pour éviter des erreurs.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 11:54
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
En mettant des photos avec les dimensions suivantes 160px par 160px ,
la c.s.s sera celle-ci:
Code:
/*On donne une apparence au conteneur*/
.M14_photos{display:none;}
/*Le bouton d ouverture fermeture*/
.M14_SlidePhotos img{width:16px;height:16px;}
.M14_SlidePhotos{cursor:pointer;float:right;margin-top: 0px;background:#3A3E3D;}
/*On creer une marge entre chaque lien*/
.M14_Load_photos a{height:160px;width:160px;padding:10px 5px;float:left;margin: 10px 0px 10px 0px;}
/*on donne une taille maximale*/
.M14_Load_photos img{width:160px;height:160px;margin-top: 10px;}
/*on cache le bloc des photos*/
.M14_Load_photos
{
display:none;
width:100% !important;
background:#3A3E3D;
height:160px;
overflow-y:auto;
}

J'ai apporté une correction car avec le défilement horizontal cela n'est pas possible.
Il sera donc vertical Serge, cela est au script qui ajoute un display block lors du clic
qui affiche le conteneur clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 12:03
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
J'ai mis ta dernière CSS Phil.
Je trouve l'image déformée.

Il me semble qu'il n'y a qu'une seule miniature qui s'affiche et aussi, lorsque le topic commence par un smiley, le + pour afficher les miniatures n'apparait pas.

Si trop compliqué d'afficher toutes les miniatures d'un topic, peut-être serait-ce plus simple d'afficher 5 miniature max mises horizontalement Phil (sans overflow).

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 18:41
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Il y a un truc que je ne comprends pas.

Sur ce post, les photos sont bien présentés comme je voudrais : http://photoclic.forum-pro.fr/t18803-cayeux-encore

Sur celui-ci ce n'est pas le cas : http://photoclic.forum-pro.fr/t18782-noir-et-blanc-margo#M14

Et sur celui-ci, je n'ai pas le + pour afficher les signatures: http://photoclic.forum-pro.fr/t18806-rue-et-instants-de-vie-a-vendre

Bizarre.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 19:56
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Je trouve l'image déformée.

Oui je viens de voir cela , cela vient de la taille maximale dans la css.

Il me semble qu'il n'y a qu'une seule miniature qui s'affiche et aussi, lorsque le topic commence par un smiley, le + pour afficher les miniatures n'apparait pas.
Les miniatures s'affichent bien de mon côté

Si trop compliqué d'afficher toutes les miniatures d'un topic,
peut-être serait-ce plus simple d'afficher 5 miniature max mises horizontalement Phil (sans overflow).

Oui afficher toutes les miniatures pose un problème car si tu as plusieurs images dans même message, seul la première sera prit en compte même sans renseigner
l'identique dans le script Serge, l'idéal est d'avoir la première image de chaque message dans les miniatures.


Pour le reste je vais revoir la position des miniatures Serge.
Pour ce qui est de la non présence des miniature sur le dernier lien donné dans ton message précédent , il s'agit en fait des exifs



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Mar 8 Aoû 2017 - 21:06
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
OK Philippe merci déjà quelque soit le résultat auquel t'arrives.

J'ai adapté un peu le CSS pour qu'il colle plus au forum.

Ce qui m'interpelle c'est que sur le 1ier lien( http://photoclic.forum-pro.fr/t18803-cayeux-encore ), j'ai presque ce que souhaite, et les exifs sont bien au dessus de photos.

Si ça coince, peut-être demander de l'aide @no_way ou @Neptunia.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Jeu 10 Aoû 2017 - 20:02
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,

tu peux tester ce script stp car les smileys peuvent être mal interprétés:
Code:

$(function(){
$('<div class="M14_photos"><span class="M14_SlidePhotos"title="Afficher/Masquer les miniatures"><img src="https://i11.servimg.com/u/f11/11/26/21/37/icon_a14.png"/></span><div class="M14_Load_photos"></div></div>').insertBefore('h1.page-title');
});

$(function() {
$('.post').each(function(){
var M14_link=$(this).find('.topic-title a[href^="/t"]').attr('href');
var M14_text=$(this).find('.topic-title a[href^="/t"]').text();
var M14_linkPhoto=$(this).find('.content img').not('[longdesc]').attr('src');

if(M14_linkPhoto)
{
$('.M14_photos').show();
$('.M14_Load_photos').append('<a href="' +M14_link + '"title="'+M14_text+'"><img src="'+M14_linkPhoto+'"/></a>');
}
});     
 
});

$(function(){
  $('.M14_SlidePhotos').click(function(){
  $(this).next().fadeToggle();
  });});






-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Ven 11 Aoû 2017 - 0:40
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Hello Philippe,

Merci de revenir sur ce sujet.

Après toute une série de tests:

. Cette fois le + apparait bien sur tous les topics.
Et J'ai bien la miniature de chaque première photo postée dans chaque message d'un topic.

. Mais quand il y a plusieurs photos dans un message, seule la première miniature est présentée.
Comme ici: http://photoclic.forum-pro.fr/t18797-paysages-plitvice#M14
Ce qui serait top, ce serait bien sur d'avoir les miniatures de toutes les photos de chaque message.

. J'ai aussi une bizarrerie sur ce topic où les miniatures sont ok, mais j'ai aussi mon avatar qui apparait 2 fois.
Je n'ai rencontré ce problème qu'ici: http://photoclic.forum-pro.fr/t18803-cayeux-encore.
Et de façon aléatoire.
Spoiler:




. Et une autre bizarrerie ici http://photoclic.forum-pro.fr/t18454-semaine-du-2-au-8-mai-2017#250621 où quelques smileys sont pris à la place de la photo.

Encore merci Phil pour ces avancées.
Ce serait vraiment top si tu arrivais à trouver une solution principalement pour le point 2.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Ven 11 Aoû 2017 - 7:09
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,
pour avoir toutes les images d'un message cela doit être faisable mais par contre est ce réellement utile mon ami déjà qu'une page sur ton fofo est très lourde a charger avec chez moi un débit à 8 M.O , je plains les pauvres personnes ayant un débit inférieur Serge.
De plus ce qui n'est pas négligeable , c'est le lien au clic sur l'image qui t’emmène vers le message concerné clin oeil .

Ensuite les smileys que tu cites viennent de l’extérieur et l'avatar d'une citation:
http://photoclic.forum-pro.fr/t18803-cayeux-encore#253553

On peut corriger cela avec ce correctif:
Code:
$(function(){
$('<div class="M14_photos"><span class="M14_SlidePhotos"title="Afficher/Masquer les miniatures"><img src="https://i11.servimg.com/u/f11/11/26/21/37/icon_a14.png"/></span><div class="M14_Load_photos"></div></div>').insertBefore('h1.page-title');
});

$(function() {
$('.post').each(function(){
var M14_link=$(this).find('.topic-title a[href^="/t"]').attr('href');
var M14_text=$(this).find('.topic-title a[href^="/t"]').text();
var M14_linkPhoto=$(this).find('.content img').not('[longdesc],[src*="imgfast"],[class="fa_card_avatar"]').attr('src');

if(M14_linkPhoto)
{
$('.M14_photos').show();
$('.M14_Load_photos').append('<a href="' +M14_link + '"title="'+M14_text+'"><img src="'+M14_linkPhoto+'"/></a>');
}
});     
 
});

$(function(){
  $('.M14_SlidePhotos').click(function(){
  $(this).next().fadeToggle();
  });});




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Ven 11 Aoû 2017 - 11:00
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Bonjour Philippe,

Super Phil, pour les smileys rebelles c'est tout bon. Un grand merci.

Pour toutes les images de tous les messages du topic, oui ce serait vraiment top Philippe.
Cela concernera surtout le forum où on vote (et ça colle déjà avec ton script puisqu'il y a une photo par message) et le forum où l'on met des séries. Et dans ces 2 cas, il y a souvent au max une dizaine de photos. Oui ce serait vraiment top Phil d'avoir ça.

Quand mon forum sera finalisé, et que toutes les fonctions que je souhaitais y voir seront implémentées, que les quelques bugs qui subsistent seront traités, j'y suis presque, j'analyserai les gadgets à virer pour soulager -:)

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Ven 11 Aoû 2017 - 20:08
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Re Serge,

actuellement je n'ai pas assez de temps pour moi,
je vais donc demandé l'aide d'un ami mdr .
@no_way ( Arnaud si tu passes dans le coin ) clin oeil .

Le script actuel:
Code:
    $(function(){
    $('<div class="M14_photos"><span class="M14_SlidePhotos"title="Afficher/Masquer les miniatures"><img src="https://i11.servimg.com/u/f11/11/26/21/37/icon_a14.png"/></span><div class="M14_Load_photos"></div></div>').insertBefore('h1.page-title');
    });

    $(function() {
    $('.post').each(function(){
    var M14_link=$(this).find('.topic-title a[href^="/t"]').attr('href');
    var M14_text=$(this).find('.topic-title a[href^="/t"]').text();
    var M14_linkPhoto=$(this).find('.content img').not('[longdesc],[src*="imgfast"],[class="fa_card_avatar"]').attr('src');

    if(M14_linkPhoto)
    {
    $('.M14_photos').show();
    $('.M14_Load_photos').append('<a href="' +M14_link + '"title="'+M14_text+'"><img src="'+M14_linkPhoto+'"/></a>');
    }
    });   
   
    });

    $(function(){
      $('.M14_SlidePhotos').click(function(){
      $(this).next().fadeToggle();
      });});

Le soucis est le suivant, il faudrait trouver toutes les images d'un message et les importer
dans une div en haut de page, aurais tu une solution mon ami?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Ven 11 Aoû 2017 - 20:14
no_way
avatar
Nouveau membre

Messageno_way

  • 16px
  • 24px
  • Zoom
Bien sûr, mais dans l'idéal il faudrait désactiver le script en question en attendant, si c'est déjà le cas je m'y penche de suite ;)

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Ven 11 Aoû 2017 - 20:17
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Merci pour Serge Arnaud tape la



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Ven 11 Aoû 2017 - 21:02
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Bonsoir Pvilippe et Arnaud
Vraiment sympa de votre part.

Je viens de désactiver le script.
Je m'absente 1h.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Ven 11 Aoû 2017 - 22:06
no_way
avatar
Nouveau membre

Messageno_way

  • 16px
  • 24px
  • Zoom
Ola voila un essai mais tu sembles avoir beaucoup d'erreurs sur ton forum :/
Code:
$(function(){
    "use strict";
    $('<div class="M14_photos"><span class="M14_SlidePhotos" title="Afficher/Masquer les miniatures"><img src="https://i11.servimg.com/u/f11/11/26/21/37/icon_a14.png"/></span><div class="M14_Load_photos"></div></div>').insertBefore('h1.page-title');
    var photos=$(".postbody img").filter(function(){
        return this.width>200&&this.height>200;
    });
    var fragment=document.createDocumentFragment();
    photos.each(function(){
        var href=$(".topic-title>a",$(this).parentsUntil(".postbody").parent())[0].href;
        var a=document.createElement("a");
        a.href=href;
        a.appendChild(this.cloneNode(0));
        fragment.appendChild(a);
    });
    if(!fragment.hasChildNodes())return;
    $(".M14_Load_photos")[0].appendChild(fragment);
    $('.M14_photos').show();
    $('.M14_SlidePhotos').on("click",function(){
        $(this).next().fadeToggle();
    });
});

J'suis un peu feignant ^^, j'ai utilisé la même astuce que le dernier coup en me basant aux dimensions des images.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Ven 11 Aoû 2017 - 23:59
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Re Arnaud,

Un grand merci l'ami.
C'est tout bon super

Vraiment content d'avoir grâce à vous 2 cette fonction qui marche au poil sur mon forum.

Le fait que tu aies vu plusieurs erreurs sur mon forum m'inquiète Arnaud.
Pourrais-tu me les indiquer et éventuellement m'aider à les corriger avec l'aide de Philippe si c'est compliqué.
Ce serait encore vraiment sympa de votre part.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Sam 12 Aoû 2017 - 0:11
no_way
avatar
Nouveau membre

Messageno_way

  • 16px
  • 24px
  • Zoom
Je t'en prie, en fait il y a un petit souci de synchro mais rien de trop méchant, il s'agit de google analytics et du module fesse de bouc ^^

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Sam 12 Aoû 2017 - 0:23
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Ah Ok Arnaud.

Y aurait-il un truc à faire pour améliorer cela?

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Sam 12 Aoû 2017 - 0:26
no_way
avatar
Nouveau membre

Messageno_way

  • 16px
  • 24px
  • Zoom
Oui je pense qu'on peut améliorer ça, là pour commencer il s'agit de l'appel FB.init lancé avant le chargement du script de FB mais il nous faudrait ton template overall_header ;)

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Sam 12 Aoû 2017 - 0:35
no_way
avatar
Nouveau membre

Messageno_way

  • 16px
  • 24px
  • Zoom
Je vais te laisser en revanche entre les mains de @Milouze14, d'autant que je sais qu'il a plus l'habitude que moi de toucher aux templates ^^.
Je vous souhaite un bon week-end à vous deux ;)

P.S:
Je viens de jeter un oeil vite fait, le souci semble venir d'un script ayant cette forme:
Code:
(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/fr_FR/sdk.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));

Il semble être déclaré trop tard.


Dernière édition par no_way le Sam 12 Aoû 2017 - 0:44, édité 1 fois

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Sam 12 Aoû 2017 - 0:42
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Ah OK.
Je passe ce sujet en résolu et ouvre un autre post dans l'entraide.

Un grand merci pour ta précieuse aide Arnaud.
Bonne nuit et bon week-end à toi aussi.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Sam 12 Aoû 2017 - 0:45
no_way
avatar
Nouveau membre

Messageno_way

  • 16px
  • 24px
  • Zoom
Je t'en prie et bonne continuation pour ton forum ;)

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Sam 12 Aoû 2017 - 1:00
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Ah OK Super.

Je rajoute ta remarque à la demande que je viens d'ouvrir sur l'entraide.

Re: [PHPBB3] *RESOLU* Photos du topic

Sujet résolu le Sam 12 Aoû 2017 - 6:32
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum