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