Limita il numero di immagini per post

Installazione del codice Javascript

Codice:

$(function() {
  var maxImages = 1, /* nombre maximum d'images par post */
      displayTextReplace = true, /* "false" pour ne rien afficher à la place de l'image masquée */
      displayTextFinal = true,  /* "false" pour ne pas afficher l'information sur le nombre d'images masquées en fin du message */
      maxTextReplace = "Cette image a été masquée",
      maxTextFinal = "L'administrateur de ce forum a choisi de n'afficher que {MAX} images par message.<br />{DIFF} images ont été masquées dans ce message.",
      m = maxImages - 1;
 
  $('td .postbody:not(.clearfix), #ipbwrapper .post-entry, .pun .post-entry, #phpbb div.post div.postbody div.content').each(function() {
    if( $('img:not([longdesc])', this).length > maxImages ) {
      var totalImages = $('img:not([longdesc])', this).length,
          diffImages = totalImages - maxImages,
          maxTextFinalValues = maxTextFinal.replace("{MAX}", maxImages).replace("{DIFF}", diffImages);
 
      if(displayTextReplace == true)
        $('img:not([longdesc]):gt('+ m +')', this).hide().wrap("<div class='hideImage'>"+ maxTextReplace +"</div>");
      else
        $('img:not([longdesc]):gt('+ m +')', this).hide();
 
      if(displayTextFinal == true)
        $(this).append( "<div class='hideImagesMessage'>"+ maxTextFinalValues +"</div>" )
        }
  });
});

Linee del codice precedente modificabili

Codice:

var maxImages = 4, // numero massimo di immagini per post
    displayTextReplace = true, // "false" per non visualizzare nulla al posto dell'immagine nascosta
    displayTextFinal = true,  // "false" per non visualizzare le informazioni sul numero di immagini nascoste alla fine del messaggio
    maxTextReplace = "Questa immagine è stata nascosta",
    maxTextFinal = "L'amministratore di questo forum ha deciso di visualizzare massimo {MAX} immagini per post.<br />{DIFF} immagini sono state nascoste.",

Installazione del codice CSS di stile

Codice:

.hideImage, .hideImagesMessage {
    color: red;
    background-color: #FFF;
    width: 200px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 3px;
}
.hideImagesMessage {
    width: 70%;
    margin: auto;
}