[PHPBB3] Smiley dans miniatures

[photoclic]

• 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:

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.

[Milouze14Fondateur]

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.

[photoclic]

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.

[Milouze14Fondateur]

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!!!!!

[photoclic]

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

[Milouze14Fondateur]

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();
        });     

       
        });
        });
        };
        });

[photoclic]

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.

[Milouze14Fondateur]

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.

[photoclic]

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]

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

[Milouze14Fondateur]

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.

[photoclic]

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]

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.

[Milouze14Fondateur]

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

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 ?

[photoclic]

Bonjour Phil,

Bon , tu travailles dans les services secrets alors

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

[Milouze14Fondateur]

, non dans l'agroalimentaire Serge:

Fleury-Michon Traiteur de la mer.
Je pasteurise du Surimi .
https://www.google.com/maps/place/Fleury+Michon+site+Chantonnay+-+Traiteur+de+la+Mer/@46.6969479,-1.055264,17z/data=!4m5!3m4!1s0x48068e728c3e5a1f:0xe5dd18d95b945d58!8m2!3d46.6968987!4d-1.0529814



Oki je regarde cela .

[photoclic]

Prends soin de toi l'ami.

[Milouze14Fondateur]

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 puis

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 ?

[photoclic]

Non pas de taille minimale.

J'essaie et je reviens Phil.

[Milouze14Fondateur]

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

[photoclic]

C'est fait Philippe.

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

[Milouze14Fondateur]

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

[photoclic]

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

[Milouze14Fondateur]

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();
        });      
        
        
        });
        });
 
        };
        });

[photoclic]

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