• Benvenuti su XenForo Italia!

    Stai navigando nella nostra community come Ospite.

    Avere un account su XenForo Italia ti permetterà di creare e partecipare alle discussioni, scaricare i file di traduzione in italiano, vedere le immagini e i video a formato intero, iniziare conversazioni personali con gli altri membri del forum e di utilizzare tutte le funzioni di questo sito.

    Condividi anche tu la tua passione per XenForo!

    Registrarsi è gratis ed elimina la pubblicità

najaru

Moderatore
Punteggio reazioni
91
Punti
75
Traduzione delle istruzioni che si trovano si questo topic del forum ufficiale, scritto da calorie
Lo scopo di questa procedura è quello di fare aprire le immagini in finestre di popup sopra la board, e non in una nuova scheda o finestra del browser.


Passo 1 di 6: Scaricare questo http://highslide.com/download.php


Passo 2 di 6: scompattarlo ed aprire la directory /highslide

Passo 3 di 6: Creare una nuova dyrectory sul proprio server /your_forum/JavaScript/highslide e caricare all'interno i seguenti files:
  • /graphics and its contents
  • highslide-ie6.css
  • highslide-with-gallery.JavaScript
  • highslide.css



Passo 4 di 6: aprire il template page_container_js_heade aggiungere in fondo :

Codice:
<script type="text/JavaScript"  src="JavaScript/highslide/highslide-with-gallery.JavaScript"></script>
<link rel="stylesheet" type="text/css"  href="JavaScript/highslide/highslide.css" />
<!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css"  href="JavaScript/highslide/highslide-ie6.css" />
<![endif]-->

<script type="text/JavaScript">
hs.graphicsDir = 'JavaScript/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.outlineType = 'rounded-white';
hs.captionEval = 'this.thumb.alt';
hs.marginBottom = 105; // make room for the thumbstrip and the  controls
hs.numberPosition = 'caption';

// Add the slideshow providing the controlbar and the thumbstrip
hs.addSlideshow({
    //slideshowGroup: 'group1',
    interval: 5000,
    repeat: false,
    useControls: true,
    overlayOptions: {
        className: 'text-controls',
        position: 'bottom center',
        relativeTo: 'viewport',
        offsetY: -60
    },
    thumbstrip: {
        position: 'bottom center',
        mode: 'horizontal',
        relativeTo: 'viewport'
    }
});
</script>

Passo 5 di 6: modificare il template attached_files :
Trovare
Codice:
    <ul class="attachmentList">
E sostituire con:

Codice:
    <ul class="attachmentList highslide-gallery">
Trovare:

Codice:
                    <div class="thumbnail">
                        <a href="{xen:link attachments,  $attachment}" target="_blank">
                            <img src="{xen:if  $attachment.thumbnailUrl, $attachment.thumbnailUrl,  '@imagePath/XenForo/widgets/page.png'}" alt="{$attachment.filename}"  />
                        </a>
                    </div>
E sostituire con:

Codice:
                    <div class="thumbnail">
                        <xen:if is="{$attachment.thumbnailUrl} AND  {$visitor.permissions.forum.viewAttachment}">
                            <a class="highslide" href="{xen:link  attachments, $attachment}" onclick="return hs.expand(this)">
                                <img src="{xen:if  $attachment.thumbnailUrl, $attachment.thumbnailUrl,  '@imagePath/XenForo/widgets/page.png'}" alt="{$attachment.filename}"  />
                            </a>
                        <xen:else />
                            <a href="{xen:link attachments,  $attachment}" target="_blank">
                                <img src="{xen:if  $attachment.thumbnailUrl, $attachment.thumbnailUrl,  '@imagePath/XenForo/widgets/page.png'}" alt="{$attachment.filename}"  />
                            </a>
                        </xen:if>
                    </div>

Passo 6 of 6: Provare il funzionamento. Funzionerà ovviamente solo con le immagini.Il tutto funzionerà solo sulle immagini in allegato.

Se volete farlo funzionare anche per le immagini miniaturizzate nel topic è necessario fare:
Nel template bb_code_tag_attach trovare:
Codice:
<xen:else />
    <a href="{xen:link attachments, $attachment}"  target="_blank"><img src="{$attachment.thumbnailUrl}"  alt="{$attachment.filename}" class="bbCodeImage" /></a>
</xen:if>
e sostituirlo con:
Codice:
<xen:else />
    <xen:if is="{$canView}">
        <div class="highslide-gallery">
            <a class="highslide" href="{xen:link attachments,  $attachment}" onclick="return hs.expand(this)"><img  src="{$attachment.thumbnailUrl}" alt="{$attachment.filename}"  class="bbCodeImage" /></a>
        </div>
    <xen:else />
        <a href="{xen:link attachments, $attachment}"  target="_blank"><img src="{$attachment.thumbnailUrl}"  alt="{$attachment.filename}" class="bbCodeImage" /></a>
    </xen:if>
</xen:if>

view_highslide.jpg
 

Per rispondere Entra o Registrati è Gratis…

Perchè dovresti Registrarti?

  • Partecipare e Creare Discussioni
  • Trovare Consigli e Suggerimenti
  • Condividere i tuoi Interessi
  • Informarti sulle Novità

Membri Iscritti online

Nuove Discussioni

Ultimi Messaggi sui Profili

Bellissimo XenForo....😎
FEDERICOSCHI ha scritto sul profilo di Il Custode.
non posso scaricare la versione in italiano
Alto