Visualizza immagini nella versione mobile

Aggiungere il CSS

Codice:

.mobile_image { max-width:99% }
#mpage-body .postbody > .content > div { overflow:hidden }

Aggiungere JavaScript

• Titolo: a tua scelta
  
• Dove: negli argomenti
  
• Codice:
  

  Codice:

  $(function() {
  var mode = 0;
  /* -- Mode Options -- */
  // 0 : Mostra tutte le immagini di default
  // 1 : Mostra le immagini solo quando sono cliccate
 
  if (!_userdata.page_desktop) return;
 
  var a = document.getElementsByTagName('A'), i = 0, j = a.length,
      showImage = function() {
        if (/img_link/.test(this.className)) {
          this.onclick = null;
          this.removeAttribute('class');
          this.innerHTML = '<img class="mobile_image" src="' + this.href + '" alt="' + this.innerHTML + '" />';
          return false;
        }
      };
 
  for (; i < j; i++) {
    if (/img_link/.test(a[i].className)) {
    
      switch (mode) {
        case 0 :
          a[i].removeAttribute('class');
          a[i].innerHTML = '<img class="mobile_image" src="' + a[i].href + '" alt="' + a[i].innerHTML + '" />';
          break;
        
        case 1 :
          a[i].onclick = showImage;
          break;
        
        default :
          a[i].onclick = showImage;
          break;
      }
    
    }
  }
});

Modifiche

• mode = 0 : La modalità di default, 0, rende tutte le immagini senza l'URL [Vedi foto]. Ora quando si visiterà un argomento contente una immagine, essa sarà visualizzata senza alcun link o scritta.
  
  
• mode = 1] : Scegliete questa opzione se si vuole ancora mantenere i tempi di caricamento veloci , ma dare alla gente la possibilità di visualizzare le immagini direttamente nel messaggio. Bisognerà infatti cliccare il link [Vedi foto] per poter aprire l'immagine direttamente nel topic: