Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PHPBB2] Installation Messenger - Template modifié
par Milouze14 Sam 30 Mai 2020 - 20:16

» [PHPBB2] Cacher les infos du profil sous l'avatar, en hover
par Milouze14 Jeu 28 Mai 2020 - 18:54

» [AWESOMEBB] Supprimer le soulignement des liens
par Milouze14 Mer 27 Mai 2020 - 18:28

» *RESOLU*[PHPBB2] Champs du profil en fonction de la couleur de groupe.
par Milouze14 Mar 26 Mai 2020 - 17:54

» [PUNBB] Codage qeel
par Milouze14 Mar 26 Mai 2020 - 17:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [PUNBB] Couleurs des Catégories et des cellules qui ne changent pas de couleurs
par Milouze14 Lun 25 Mai 2020 - 14:47

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Taille de la zone.
par Milouze14 Dim 24 Mai 2020 - 5:38

» [PUNBB] Agencement du profil
par Milouze14 Sam 23 Mai 2020 - 19:06

» *RESOLU*[MODERNBB] Chatbox - Enlever les deux points après le pseudo
par Milouze14 Sam 23 Mai 2020 - 17:26

» *RESOLU*[PHPBB3] Anomalies certains éléments
par Milouze14 Sam 23 Mai 2020 - 16:05

» [AWESOMEBB]Refonte du profil dans un sujet.
par Milouze14 Sam 23 Mai 2020 - 3:31

» [PHPBB2] Alignement du champ masculin/féminin
par Milouze14 Jeu 21 Mai 2020 - 20:24

» *RESOLU*[PHPBB3] Supprimer des champs de contact
par Milouze14 Jeu 21 Mai 2020 - 16:59

» [AWESOMEBB] Supprimer cette ligne
par Milouze14 Mer 20 Mai 2020 - 20:02

» [AWESOMEBB] Supprimer cette zone
par Milouze14 Mer 20 Mai 2020 - 20:01

» *RESOLU*[PHPBB3] Title en double sur un bouton éditeur
par Milouze14 Mer 20 Mai 2020 - 17:16

» [AWESOMEBB] Modifier l'icône du bouton d'accueil
par YOUGATAGA Mer 20 Mai 2020 - 13:56

*RESOLU*[PHPBB3] Smiley dans miniatures

Page 1 sur 2 1, 2  Suivant

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

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 24 Mar 2020 - 1:04

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour à tous les milouziens,

Philippe m'a écrit ce script pour afficher les miniatures dans les sous forums:
https://www.milouze14.com/t32519-resoluphpbb3-ajouter-un-nombre-de-photos-encore#619319
Code:

//Aperçu des miniatures sur forums C2 Les photos du clic et photos gagnantes  
    $(function(){          
    if($('a.nav[href^="/c2-"],a.nav[href^="/f12-"],a.nav[href^="/f16-"]').length) {
    $('dl.icon[style*="https://i.servimg.com/u/f31/19/32/37/01/icon_t30.png"]').closest('div.forumbg').addClass('M14_Annonc');
      $('div.forumbg:not(.M14_Annonc) li:not(.header) dl ').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>');
    $('.M14_LoaD_ToPiCs ').each(function(){
    var url = $(this).closest('li').find('a.M14_LoaD_ToPiCsConT').attr('href');
    var $this=$(this);
    $.get(url, function(data){
    var numberpictures=$(data).find('.content div:not(.M14_reception_photos) img:not([longdesc])').length;
    $(data).find('div[class*="post--"] ').find('.content div:not(.M14_reception_photos) img:not([longdesc])').each(function(){
    var img=$(this).attr('src');
    var auteur=$(this).closest('.postbody').find('p.author strong').text();
    if(img)
    {
    $this.find('div').append('<img class="M14_PhotOs"src="'+img+'" title="Posté par '+auteur+'"/>');
    }
    if(numberpictures>1)
    {
    $this.find('.M14_Open_GetPhotos').show();
    $this.find('img.M14_PhotOs:eq(0)').addClass('one');
    $this.find('.M14_Close_GetPhotos').click(function(){
    $(this).hide();$(this).prev().show();
    $(this).closest('div').find('.M14_PhotOs:not(.one)').fadeOut();
    });  
    $this.find('.M14_Open_GetPhotos').click(function(){
    $(this).hide();$(this).next().show();
    $(this).closest('div').find('.M14_PhotOs:not(.one)').fadeIn();});
    }
    $this.find('div').find('img:eq(0)').nextAll().hide();
    });      
    $this.find('img.M14_PhotOs:eq(0)').before('<span class="M14_resultNumber">'+numberpictures+' photo(s)</span>');
    });
    });
    };
    });

J'ai voulu ajouter un forum supplémentaire /f12- (Photovote) dans cette ligne:
Code:

 if($('a.nav[href^="/c2-"],a.nav[href^="/f12-"],a.nav[href^="/f16-"]').length) {

Et là les smileys apparaissent:
Spoiler:
*RESOLU*[PHPBB3] Smiley dans miniatures Captur79
Il ne me semble pas que cela soit le cas sur les autres forums.

Serait-il possible d'exclure ces smileys des miniatures?

Merci pour votre aide.


Dernière édition par photoclic le Sam 28 Mar 2020 - 11:59, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 24 Mar 2020 - 4:24

Hello Serge,

hum, les smileys ont cette dénomination dans le code source:
Code:
img:not([longdesc])

Le script filtre cette dernière seulement.
Là ou tu mentionnes l'importation de ces tites bêbêtes , ces derniers n'ont pas cette dénomination.
Mais juste un lien basique d'image.

Je viens d'avoir une idée soudaine, est-ce ce que tu te sers du redimenssionnement des images dans ton PA et peux tu me donner le template view topic body.
On pourra filtrer les petites images en leurs donnant une class et à partir de là le script sera chercher toutes les photos n'ayant cette class.



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mar 24 Mar 2020 - 11:37

Bonjour Philippe,

Bien vu Phil, je comprends maintenant cette bizarrerie.

En fait, quand on vote en utilisant le bouton vote, le message où se trouve la photo est automatiquement posté dans un sujet spécifique dans ce forum (/f12).
Et en effet, le smiley qui s'y trouve est transformé en image lors du transfert.

Ceci est fait grâce à un superbe script complexe que m'avait écrit Arnaud.

Alors, oui, je redimensionne les images dans mon PA:
Largeur: 1028 px hauteur: 808 px

Le template view topic body:
Code:

<!-- Compte à rebours vote -->
<div id="Compte"></div>
<style>
#Compte {position: relative;top: 330px;margin-left: 74%;}
#Compte div{float:left;margin:0px 5px;line-height: 50px;color:#3bd9eb;position:relative;}
#Compte div span{font-size:12px;text-align:center;color:#e2660a;}
</style> 

<!-- Position hauteur flèche et widgets dans sujets-->
<style>
.widget-arrow.isleft {margin-top: 525px} 
#content-container div#left {margin-top:490px;}</style>

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };

$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }

   return false;
};

//]]>
</script>


<div class="boutons_list">
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
  <br/><br/>
        <!-- Ajout bouton Voir la page Facebook -->
        <li> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;" target="_blank"title="Aller sur la page Facebook du Clic" href="https://www.facebook.com/Photoclic/">Voir la page Facebook du clic</a> • </li>
         
   <li><a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_SEARCH_NEW}">Voir les nouveaux messages</a></li>
 
   <li class="sansrep"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>       
        <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>   

   <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
        <Br/>
   <!-- END switch_user_logged_in -->
</ul>
</div> 


<h1 class="page-title">
   <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>


    <div style="position:relative;top:-40px; width: 1px;" id="M14_aNcHoR"></div>

<div class="topic-actions">
   <div class="buttons">

      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
      <!-- END switch_user_authpost -->

      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      <!-- END switch_user_authreply -->
   </div>

   <div class="pathname-box">
      <p>
            <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a> -->
            {NAV_CAT_DESC}
        </p>
   </div>

   <p class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <script>(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 = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
      <!-- END switch_fb_likebtn -->
   </p>

<!-- Bouton Partager -->   
<div class="partage_fb" style="margin-top: 2px;padding: 4px 8px 8px 8px;float: right;position: relative;">      
    • 
        <a class="addthis_button" title="Partager ce sujet sur Facebook" href="#">{L_SHARE}</a>
      • 
</div> 
 
 
   <div class="clear"></div>
</div>

      <a id="M14"style="position: relative;top: -100px;"></a>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->




<div class="clear"></div>
{POLL_DISPLAY}

<!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
         <div class="inner">
            <span class="corners-top"><span></span></span>
            <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
            <div class="clear"></div>
            <span class="corners-bottom"><span></span></span>
         </div>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="M14_post post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
         <div class="inner"><span class="corners-top"><span></span></span>
                         
        <!--  Ancrage des sujets  -->
              <div class="M14_anchonext"style="position: relative; top: -145px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>             
       
      <!-- Affichage des numéros de message -->
   <div class="postNumberContainer"><a href="{postrow.displayed.POST_URL}" class="postNumber">#{postrow.displayed.COUNT_POSTS}</a></div>
                         
                         
                          <div class="postbody">

            <ul class="profile-icons">
                                <li>{postrow.displayed.THANK_IMG}</li>
                                                                   
                    <!-- Affichage ID message retiré-->
                    <!--      <li class="IDmess">#{postrow.displayed.U_POST_ID}</li> -->
                                 
               <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
                                 
                                      <img class="post2pm" data-pid="{postrow.displayed.U_POST_ID}" src="https://i.servimg.com/u/f31/19/32/37/01/abouto10.png" title="Transmettre par MP" alt="Transmettre par MP" />
                                 
               <li>{postrow.displayed.QUOTE_IMG}</li>
               <li>{postrow.displayed.EDIT_IMG}</li>
               <li>{postrow.displayed.DELETE_IMG}</li>
               <li>{postrow.displayed.IP_IMG}</li>
               <li>{postrow.displayed.REPORT_IMG_NEW}</li>
     
              <!-- Debut bouton ajouter aux favoris -->                           
             <li id="M14_FavORiTe"><a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img class="Fav" src="https://i.servimg.com/u/f31/19/32/37/01/36125810.png" title= "Ajouter à vos favoris"/></a></li>
                 <!-- Fin bouton ajouter aux favoris -->                             
                                 
            </ul>

            <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
            <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p>
            <div class="clearfix"></div>

            <!-- BEGIN switch_vote_active -->
            <div class="vote gensmall">
               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
               <!-- END switch_vote -->

               <!-- BEGIN switch_bar -->
               <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                  <!-- BEGIN switch_vote_plus -->
                  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                  <!-- END switch_vote_plus -->

                  <!-- BEGIN switch_vote_minus -->
                  <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                  <!-- END switch_vote_minus -->
               </div>
               <!-- END switch_bar -->

               <!-- BEGIN switch_no_bar -->
               <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
               <!-- END switch_no_bar -->

               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
               <!-- END switch_vote -->
            </div>
            <!-- END switch_vote_active -->

            <div style="display:none"></div>
            <div class="content clearfix">
                                 
                              <!-- pour bouton copie lien photo -->
                                  <div class="M14_reception_photos"style="display:none"></div> 
                                 
               <div>{postrow.displayed.MESSAGE}</div>
                  <!-- BEGIN switch_attachments -->
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file clearfix">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                           </dt>
                           <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_dl_att -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_no_dl_att -->

                              <!-- BEGIN switch_no_comment -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
                              <!-- END switch_no_dl_att -->

                              <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                           </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                     </dd>
                  </dl>
                  <!-- END switch_attachments -->
            </div>
            
                                <span class="edited_post">{postrow.displayed.EDITED_MESSAGE}</span>
                           
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
                           
                           
                           
  <br /><br /> <div class="M14_Thank_Cont">
    <div><span class="M14_Texte_liste">Le membre suivant remercie   </span>
    <span class="M14_ThankUser"></span> pour ce sujet: <a target="_blank" href="" class="M14_Thank_link"></a><br />
    </div>
    <div class="M14_Thank_list"><div></div></div>
    </div>
                           
                           
         </div>

         <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl>
               <dt>
                  
                             
    <strong class="M14_member"style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
    <div class="M14_TogProfil">
    <span class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</span>
    <li><a class="M14_link"target="_blank">Profil</a></li>
    <li><a class="M14_link"target="_blank">Statistiques</a></li>
    <li><a class="M14_link"target="_blank">MP</a></li>
    <li><a class="M14_link"target="_blank">Messages</a></li>
    <li><a class="M14_link"target="_blank">Sujets</a></li>
    <li><a class="M14_link"target="_blank">Participation</a></li>
       
    <!-- visiteurs retiré --      <li><a class="M14_link"target="_blank">Visiteurs</a></li>    ---->
    <!-- Message sur profil retiré --      <li><a class="M14_link"target="_blank">Message sur profil</a></li>    ---->

    </div>
      <br />
      {postrow.displayed.POSTER_AVATAR}
    <br />

         
                                         
               </dt>
               <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
               <dd><br /></dd>
               <dd>
                  <!-- BEGIN profile_field -->
                                                             
    <span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}

                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </dd>
               <dd><br /></dd>
               <dd>
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
               </dd>
            </dl>
         </div>

         <div class="clear"></div>

         <p class="right">
                         
                        <!--  <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  -->
                         
                        </p>
         <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>


<div class="clear"></div>

<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
   <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
   <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
   <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
   <div class="clear"></div>
   <div>
      <!-- BEGIN link -->
      » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
   <span class="corners-top"><span></span></span>
   <div class="h3"> {L_FORUM_RULES}</div>
   <div class="clear"></div>
   <table class="postbody">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<hr />

<div class="topic-actions">
   <div class="buttons">
      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
      <!-- END switch_user_authpost -->

      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      <!-- END switch_user_authreply -->
   </div>

   <div class="pathname-box">
      <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
   </div>

     <!--   <div class="pagination">{PAGE_NUMBER}</div>    -->
 
<!-- BEGIN topicpagination -->
 <p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

</div>
<div class="clear"></div>

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
   <label>{L_JUMP_TO}: </label>
   {S_JUMPBOX_SELECT} 
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
   <input type="hidden" name="t" value="{TOPIC_ID}" />

   <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
   <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
   <label>{L_MOD_TOOLS}: </label>
   {S_SELECT_MOD}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->


<!-- BEGIN show_permissions -->

        <div id="M14_get_memberList"style="display:none;">
    <span class="gensmall"><strong>Membres parcourant ce sujet: </strong></span>
          <div id="M14_get_user"><div class="gensmall"></div></div>
          </div>

   <div class="h3">{L_TABS_PERMISSIONS}</div>
   {S_AUTH_LIST}
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->


<!-- Laisse le bouton favori uniquement sur 1ier message -->
    <script type="text/javascript">
      $(function(){
      $('ul.profile-icons:not(:first)').find('li#M14_FavORiTe').remove();
      });</script>
<!-- Retire le bouton favori aux invités --> 
 <script type="text/javascript">
    $(function(){if(_userdata["user_id"] < (0)){$('li#M14_FavORiTe').remove();}});
    </script>
     
 <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>   

Merci Philippe pour ton aide.



Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 24 Mar 2020 - 19:28

Bonsoir Serge,
ben écoutes soit Forumactif à fait une mise à jour car j'ai beau placer
ce script dans ce template à la fin:
Code:
<script type="text/javascript">
  $(function(){
  $('.postbody .content').find('img').each(function(){
 
  var maxi=$(this).width();
if(maxi>150)
{
$(this).addClass('M14_big');
}
  });});
 
</script>

Ce script ajoutes une class "M14_big" aux photos qui dépassent une largeur de 150px.

Puis dans le script des photos importées et sur ces deux lignes:
Code:
 var numberpictures=$(data).find('.content div:not(.M14_reception_photos) img:not([longdesc])').length;
    $(data).find('div[class*="post--"] ').find('.content div:not(.M14_reception_photos) img:not([longdesc])').each(function(){


Modifier ainsi:

Code:
 var numberpictures=$(data).find('.content div:not(.M14_reception_photos) img.M14_big)').length;
    $(data).find('div[class*="post--"] ').find('.content div:not(.M14_reception_photos) img.M14_big').each(function(){

On recherche donc les images ayant une largeur d'au moins 150px , rien ne fonctionne!!!!!






Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mar 24 Mar 2020 - 21:44

Bonsoir Philippe,

Non ce n'est pas FA qui semble poser problème Phil.

Ton script génère une erreur:
"TypeError: this.width is not a function"

J'ai essayé de contourner en ajoutant une class supplémentaire ainsi:

Code:

 <script type="text/javascript">
  $(function(){
  $('.postbody .content').find('img').each(function(){
 
  $(this).addClass('image');       
  var maxi=$('.image').width();
     
    if(maxi>150)
    {
    $(this).addClass('M14_big');
    }
      });});
    </script>

Je n'ai plus l'erreur et les images dans les sujets prennent bien les class, mais cela ne fonctionne toujours pas marreordi
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 25 Mar 2020 - 4:28

Hello Serge,
mon script ne génère pas d'erreur mon ami !!!!
Ma console renvoie la bonne information de mon côté.
Bon, on supprime le petit script déposé dans le template et on va tester celui-ci:


Code:
//Aperçu des miniatures sur forums C2 Les photos du clic et photos gagnantes 
        $(function(){         
        if($('a.nav[href^="/c2-"],a.nav[href^="/f12-"],a.nav[href^="/f16-"]').length) {
        $('dl.icon[style*="https://i.servimg.com/u/f31/19/32/37/01/icon_t30.png"]').closest('div.forumbg').addClass('M14_Annonc');
          $('div.forumbg:not(.M14_Annonc) li:not(.header) dl ').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>');
        $('.M14_LoaD_ToPiCs ').each(function(){
        var url = $(this).closest('li').find('a.M14_LoaD_ToPiCsConT').attr('href');
        var $this=$(this);
        $.get(url, function(data){
       
        $(data).find('.postbody .content').find('img').filter(function(){return this.width>200&&this.height>200;}).each(function(){
        var img=$(this).attr('src');
        var auteur=$(this).closest('.postbody').find('p.author strong').text();
        if(img)
        {
        $this.find('div').append('<img class="M14_PhotOs"src="'+img+'" title="Posté par '+auteur+'"/>');
        }
var w=$this.find('div').find('img').length;         
$this.find('img.M14_PhotOs:eq(0)').before('<span class="M14_resultNumber">'+w+' photo(s)</span>');         
if(w>1)
    {     
        $this.find('.M14_Open_GetPhotos').show();
        $this.find('img.M14_PhotOs:eq(0)').addClass('one');
        $this.find('.M14_Close_GetPhotos').click(function(){
        $(this).hide();$(this).prev().show();
        $(this).closest('div').find('.M14_PhotOs:not(.one)').fadeOut();
        }); 
        $this.find('.M14_Open_GetPhotos').click(function(){
        $(this).hide();$(this).next().show();
        $(this).closest('div').find('.M14_PhotOs:not(.one)').fadeIn();});
        }       
        $this.find('div').find('img:eq(0)').nextAll().hide();
        });     

       
        });
        });
        };
        });

impeccable


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mer 25 Mar 2020 - 12:17

Bonjour Philippe,

Merci pour cette reprise.

Ton script est en place sur mon fofo, si tu veux voir.

Alors, les miniatures apparaissent, mais pas sur tous les sujets (il semble manquer la 1ière photo).
Quand elles apparaissent et qu'il y en a plusieurs comme dans ptotovote /f12, le nombre est incorrect et il se superpose comme ici:
https://photoclic.forum-pro.fr/f12-photovote.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 25 Mar 2020 - 19:27

Bonsoir Serge,
alors je reviens de ton fofo et j'ai modifié quelque le script.
Mais il reste pas mal de soucis car tu as activé le double post comme sur ce message:

https://photoclic.forum-pro.fr/t21389-semaine-du-3-au-9-decembre#275545
https://photoclic.forum-pro.fr/t21733-semaine-du-10-au-16-mars#

Donc forcément rien ne s'affiche!!!!!!!!!!!!!!!!!!
Et ce temps de chargement ne doit pas aider non plus, sur mon fofo de test avec les modifications apportées dernièrement , tout fonctionne correctement.






Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mer 25 Mar 2020 - 19:47

Bonsoir Philippe,

Merci pour ton intervention.

J'ai retiré le fait d'agréger le double post.

Mais malheureusement, ça ne fonctionne toujours pas sur mon fofo ici:
https://photoclic.forum-pro.fr/f12-photovote

Et là non plus:
https://photoclic.forum-pro.fr/f5-reportage-series-au-long-cours
photoclic
photoclic
Milouzien

Messagephotoclic le Mer 25 Mar 2020 - 22:50

J'ai remis l'ancien script, et ton dernier juste au dessus en essai sans avoir coché SF clin oeil
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 26 Mar 2020 - 4:27

Hello Serge,
c'est quand même étonnant que je n'arrive pas a filtrer ces satanées images.
Actuellement et tu le comprendras, mon temps est assez limité pour l'entraide, mais je vais me pencher pour trouver une solution.


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 26 Mar 2020 - 11:29

Bonjour Philippe,

Il n'y a aucune urgence pour cela Phil et tout ce que tu m'as fait est déjà plus que bien.

Je te croyais confiné. Prend soin de toi l'ami.

Tu travailles dans le médical?
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 26 Mar 2020 - 16:07

Re Phil,

Comme je suis en mode confinement, je fais des essais, et cela m'instruit :-)

Je ne comprends pas non plus pourquoi ton script ne fonctionne pas.

Je fais des essais sur le script qui tourne actuellement j'ai ajouté:
Code:

      var imgWidth =$("img.M14_PhotOs").width();
      console.log(imgWidth);
      if (imgWidth <200) {
      $this.find('img.M14_PhotOs').remove();
      }

C'est à dire que le code complet devient:
Code:

//Aperçu des miniatures sur forums C2 Les photos du clic et photos gagnantes et vote 
    $(function(){         
    if($('a.nav[href^="/c2-"],a.nav[href^="/f16-"],a.nav[href^="/f12-"]').length) {
    $('dl.icon[style*="https://i.servimg.com/u/f31/19/32/37/01/icon_t30.png"]').closest('div.forumbg').addClass('M14_Annonc');
    $('div.forumbg:not(.M14_Annonc) li:not(.header) dl ').after('<div class="M14_LoaD_ToPiCs"><span class="M14_Open_GetPhotos" title="Afficher toutes les miniatures"><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>');
    $('.M14_LoaD_ToPiCs ').each(function(){
    var url = $(this).closest('li').find('a.M14_LoaD_ToPiCsConT').attr('href');
    var $this=$(this);
    $.get(url, function(data){
 var numberpictures=$(data).find('.content div:not(.M14_reception_photos) img:not([longdesc])').length;
   
    $(data).find('div[class*="post--"] ').find('.content  img:not([longdesc])').each(function(){
    var img=$(this).attr('src'); 
    var auteur=$(this).closest('.postbody').find('p.author a[href^="/u"]').text();       
        if(img)
    {     
      $this.find('div').append('<img class="M14_PhotOs" src="'+img+'" title="Posté par '+auteur+'"/>');
     
      var imgWidth =$("img.M14_PhotOs").width();
      console.log(imgWidth);
      if (imgWidth <200) {
      $this.find('img.M14_PhotOs').remove();
      }
     
    }
    if(numberpictures>1)
    {
    $this.find('.M14_Open_GetPhotos').show();
    $this.find('img.M14_PhotOs:eq(0)').addClass('one');
    $this.find('.M14_Close_GetPhotos').click(function(){
    $(this).hide();$(this).prev().show();
    $(this).closest('div').find('.M14_PhotOs:not(.one)').fadeOut();
    }); 
    $this.find('.M14_Open_GetPhotos').click(function(){
    $(this).hide();$(this).next().show();
    $(this).closest('div').find('.M14_PhotOs:not(.one)').fadeIn();});
    }
    $this.find('div').find('img:eq(0)').nextAll().hide();
    });                   
    if(numberpictures>1)                                                                                                                       
    {                
    $this.find('img.M14_PhotOs:eq(0)').before('<span class="M14_resultNumber">'+numberpictures+' photos</span>');
    }
    });
    });
    };
    });

Le seul hic est que le width renvoie 80 qui correspond à la taille de l'image réduite dans le css.
Ce qui est logique puisque c'est celui de la class M14_PhotOs.

Je ne sais pas comment récupérer la taille de l'image d'origine.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 26 Mar 2020 - 16:53

Hello Serge,
alors non , je ne suis pas confiné et ne travaille pas dans le domaine médical impeccable .

Alors, je crois savoir trouvé la cause car le temps de chargement est trop rapide pour filtrer les images, de plus , il faudrait filtrer d'avantage les sujets des annonces, notes etc.
Actuellement, on se fie au background de l'annonce .
Tu désires n'avoir que les sujets ?


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 26 Mar 2020 - 17:12

Bonjour Phil,

Bon , tu travailles dans les services secrets alors lOL

Oui. Philippe, seuls les sujets seraient concernés (Pas les annonces et notes).
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 26 Mar 2020 - 17:17



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 26 Mar 2020 - 17:24

Prends soin de toi l'ami.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 26 Mar 2020 - 17:42

Merci, toi aussi,
pour supprimer l'importation des photos dans les annonces globales/annonces et notes.
Car on se fie sur une image et dans le cas ou tu désires modifier cette dernière, le script ne sera plus la fonction.

alors on va intervenir dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box

Recherches cette variable:
Code:

{topics_list_box.row.TOPIC_TYPE}


Supprimes et remplaces par:
Code:
<span class="M14_type_post">{topics_list_box.row.TOPIC_TYPE}</span>


Penses a enregistrer puis à valider en cliquant respectivement sur Enregistr puis Ajout

Puis il faudra modifier tous les scripts qui importent des photos :

Modifier cette partie:

Code:
$('dl.icon[style*="https://i.servimg.com/u/f31/19/32/37/01/icon_t30.png"]').closest('div.forumbg').addClass('M14_Annonc');


Par:
Code:
$('span.M14_type_post strong').closest('div.forumbg').addClass('M14_Annonc');


As tu une taille minimale pour l'importation des photos ?






Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 26 Mar 2020 - 18:14

Non pas de taille minimale.

J'essaie et je reviens Phil.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 26 Mar 2020 - 18:16

Donc les smileys ?????????????
Il faut une dimension Serge pascontentGrrrrrr mdr


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 26 Mar 2020 - 18:29

C'est fait Philippe.

En fait je n'ai trouvé que ce script qui utilisait cette image.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 26 Mar 2020 - 18:30

Oki, tu peux répondre à mon message précédent Serge, il faut impérativement
renseigner une taille minimum.


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 26 Mar 2020 - 18:31

Nos messges se sont croisés.

Ah, je croyais que tu me demandais si j'avais imposé une taille mini aux images postées :-)

Donc pour la taille minimale: 120px
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 26 Mar 2020 - 18:56

Hum, 120, c'est un peu juste, j'ai plafonné à 200px dans le script ici:

Edit, je ne sais pas ce que tu fais lorsque tu édites mais à chaque fois je suis obligé de re cocher le bouton en cours...............

Code:
var taille= this.width>200&&this.height>200;

Le script dans sa totalité:

Code:
//Aperçu des miniatures sur forums C2 Les photos du clic et photos gagnantes  
        $(function(){          
if($('a.nav[href^="/c2-"],a.nav[href^="/f16-"],a.nav[href^="/f12-"]').length) {
$('span.M14_type_post strong').closest('div.forumbg').addClass('M14_Annonc');

  $('div.forumbg:not(.M14_Annonc) li:not(.header) dl ').after('<div class="M14_LoaD_ToPiCs" style="display:none;"><span class="M14_Open_GetPhotos" title="Afficher toutes les miniatures"><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>');
        $('.M14_LoaD_ToPiCs ').each(function(){
        var url = $(this).closest('li').find('a.M14_LoaD_ToPiCsConT').attr('href');
        var $this=$(this);
        $.get(url, function(data){        
$(data).find('.postbody .content div:not(.M14_reception_photos)').find('img').each(function(){
  
var taille= this.width>200&&this.height>200;
 
        
if(taille==true){var image=$(this).attr('src');}
var auteur=$(this).closest('.postbody').find('p.author strong').text();
if(image)
{
$this.show().find('div').append('<img class="M14_PhotOs"src="'+image+'" title="Posté par '+auteur+'"/>');
}
var w=$this.find('div').find('img').length;  
if(w>1)
{  
$this.find('img.M14_PhotOs:eq(0)').before('<span class="M14_resultNumber">'+w+' photo(s)</span>');          
    
        $this.find('.M14_Open_GetPhotos').show();
        $this.find('img.M14_PhotOs:eq(0)').addClass('one');
        $this.find('.M14_Close_GetPhotos').click(function(){
        $(this).hide();$(this).prev().show();
        $(this).closest('div').find('.M14_PhotOs:not(.one)').fadeOut();
        });  
        $this.find('.M14_Open_GetPhotos').click(function(){
        $(this).hide();$(this).next().show();
        $(this).closest('div').find('.M14_PhotOs:not(.one)').fadeIn();});
    }              
        $this.find('div').find('img:eq(0)').nextAll().hide();
        });      
        
        
        });
        });
 
        };
        });


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 26 Mar 2020 - 19:26

Je n'ai pas ce souci quand j'édite.

Le script est en place Philippe.

Mais seule 1 miniature apparait et sans le nombre au dessus dans f4.
https://photoclic.forum-pro.fr/f4-phototest

et dans f5 je n'ai qu'une seule miniature:
https://photoclic.forum-pro.fr/f5-reportage-series-au-long-cours

et dans f12 les nombres appraissent en double:
https://photoclic.forum-pro.fr/f12-photovote

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 26 Mar 2020 - 19:44

Rhooo, je n'ai pas ce soucis sur mon fofo de tests.
J'ai édité tous mes sujets en mentionnant le nombre de photos pour chacun des titres afin que je puisse me repérer.
Le script reprend bien le nombre et affiche bien l'identique en visu!!!


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 26 Mar 2020 - 19:55

Etonnant tout ça Phil.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 27 Mar 2020 - 4:15

Hello Serge,
j'ai corrigé le double affichage concernant le compteur de photos.
En attendant , j'ai désactivé le script pour laisser place au précédent.



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Ven 27 Mar 2020 - 19:52

Bonsoir Philippe, merci.

Des tailles de photos qui donnent bien du fil à retordre marreordi
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 27 Mar 2020 - 20:08

Re Serge,
@photoclic a écrit:
Bonsoir Philippe, merci.

Des tailles de photos qui donnent bien du fil à retordre


Oui, c'est bien le soucis de ce topic et franchement je ne sais pas comment le résoudre !!!!!


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Ven 27 Mar 2020 - 20:57

Bin tant pis phil. Pas grave.

Merci pour tout le temps que tu y as passé.

je vais laisser le script en place, le problème ne se posant que sur le forum photovote.

Tu peux clore le post l'ami.



Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 28 Mar 2020 - 7:42

Hello Serge,

idée , mais quelle andouille je fais,il faut filtrer avant !!!!!
Je viens de modifier le script présent sur ton forum afin de filtrer les images non désirées.
En faite il faut prendre en compte que les smileys affichés ont presque tous le lien commençant par:
Code:
https://7img.net

J'ai donc ajouté au script dans ces 2 parties:
Code:

var numberpictures=$(data).find('.content div:not(.M14_reception_photos) img:not([longdesc])').length;
$(data).find('div[class*="post--"] ').find('.content div:not(.M14_reception_photos) img:not([longdesc])')

Donc actuellement on rechercher les smileys ayant l'extension :
Code:

[longdesc]

On va donc ajouter que l'on ne veut pas des image commençant par:
Code:
https://7img.net

Alors on cumule au smileys sur les 2 lignes Serge:
Code:
img:not([longdesc])
Qui devient:

Code:
img:not([longdesc]):not([src^="https://7img.net"]

Mais aussi sur des images qui ne nous intéresse pas comme celle-ci:

https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png

Aperçu:
*RESOLU*[PHPBB3] Smiley dans miniatures Man-wi10

J'ai donc créé une première variable (a) et déposé le lien de cette image:
Code:
var a="https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png";

Et je cumule sur les 2 lignes

Code:
img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"])

Si tu trouves d'autres images, il faudra créer une autre variable pour chacune d'entre elles:
Exemple:
var b="lien de l image";

Sur les 2 lignes

Code:
img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"],[src="'+b+'"])

Le script est opérationnel sur ton fofo Serge.


Pour les photos en double sur le fofo f12.
Le script recherche toutes les photos Serge.

Comme ce sujet:
https://photoclic.forum-pro.fr/t14615-semaine-du-19-au-25-mai-2015
On retrouve des photos identiques.


Tu as aussi des photos qui n'ont plus le protocole https, j'ai donc ajouté cette image en replacement:

https://i.servimg.com/u/f20/20/11/87/27/186.png

Aperçu:

*RESOLU*[PHPBB3] Smiley dans miniatures 186

Tu pourra modifier cette image en bas du script Serge impeccable


Tu peux le voir ici:
https://photoclic.forum-pro.fr/f12p210-photovote

Le sujet concerné:
Semaines du 28 juillet au 10 août 2015


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 28 Mar 2020 - 8:21

On peut même ajouter le lien de chaque sujet au click sur l'image si tu le désires serge.

Avec ce nouveau script:
Code:
//Aperçu des miniatures sur forums C2 Les photos du clic et photos gagnantes  
        $(function(){          
        if($('a.nav[href^="/c2-"],a.nav[href^="/f12-"],a.nav[href^="/f16-"]').length) {
          $('span.M14_type_post strong').closest('div.forumbg').addClass('M14_Annonc');
          $('div.forumbg:not(.M14_Annonc) li:not(.header) dl ').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>');
        $('.M14_LoaD_ToPiCs ').each(function(){
        var url = $(this).closest('li').find('a.M14_LoaD_ToPiCsConT').attr('href');
        var $this=$(this);
//on supprimes les images non désirées
var a="https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png";
        $.get(url, function(data){
          var numberpictures=$(data).find('.content div:not(.M14_reception_photos) img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"])').length;
        $(data).find('div[class*="post--"] ').find('.content div:not(.M14_reception_photos) img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"])').each(function(){
          
        var img=$(this).attr('src');
        
        var auteur=$(this).closest('.postbody').find('p.author strong').text();
        var link=$(this).closest('.postbody').find('h2.topic-title a[href^="/t"]').attr('href');
        {
        $this.find('div').append('<a class="M14_PhotOs"href="'+link+'"><img src="'+img+'" title="Posté par '+auteur+'"/></a>');
        }
        if(numberpictures>1)
        {
        $this.find('.M14_Open_GetPhotos').show();
        $this.find('a.M14_PhotOs:eq(0)').addClass('one');
        $this.find('.M14_Close_GetPhotos').click(function(){
        $(this).hide();$(this).prev().show();
        $(this).closest('div').find('a.M14_PhotOs:not(.one)').fadeOut();
        });  
        $this.find('.M14_Open_GetPhotos').click(function(){
        $(this).hide();$(this).next().show();
        $(this).closest('div').find('.M14_PhotOs:not(.one)').fadeIn();});
        }
        $this.find('div').find('a:eq(0)').nextAll().hide();
        });      
        if(numberpictures>1)  
    {    
      $this.find('a.M14_PhotOs:eq(0)').before('<span class="M14_resultNumber">'+numberpictures+' photos</span>');
    }
          $this.find('div').find('img[src^="http:"]').attr('src','https://i.servimg.com/u/f20/20/11/87/27/186.png');      
        });
        });
        };
        });


Il faudra aussi modifier la css à ce niveau:

Code:

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

La modifier ainsi:
Code:

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

La class M14_PhotOs revenant désormais à un lien et non plus à la photo.


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Sam 28 Mar 2020 - 11:42

Bonjour Philippe,

Je vois que la nuit porte conseil :-)

Tu es un génie Phil.
C'est en place et cela fonctionne à merveille.

J'ai juste revu le css du :hover

Je fais encore quelques essais avant de passer en résolu.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 28 Mar 2020 - 11:51


J'ai juste revu le css du :hover

Vi que j'ai modifié aussitôt car tu faisait le hover sur le lien et non l'image, c'est corrigé sur ton fofo.


Tu es un génie Phil.
C'est en place et cela fonctionne à merveille.
Je fais encore quelques essais avant de passer en résolu.

Merci Serge, je me sauve pour ma part,
à bientôt mon ami .



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

Page 1 sur 2 1, 2  Suivant

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