Per le pagine Web che visualizzano solo una foto, integrazione è relativamente semplice e non rallenta troppo, velocità di caricamento della pagina nella maggior parte dei casi. Tuttavia, se si desidera creare una galleria fotografica o pubblicare molte immagini in una singola pagina, l'incorporamento di fotografie a grandezza può rallentare il tempo di caricamento pagina notevolmente. Collegamento di immagini in miniatura a foto più grandi di popup si traduce in più veloce caricamento delle pagine e rende il vostro sito più interattivo. Se avete un Joomla! sito, è possibile utilizzare la funzionalità incorporata di SqueezeBox per creare modale, o popup, finestre immagine per le gallerie. Tuttavia, è necessario modificare il codice nel tuo file di modello di base per poter creare i link popup sulle tue pagine contenuti.

Istruzioni

Abilitare SqueezeBox

1

Passare all'URL per la pagina di login di amministrazione back-end per il tuo Joomla! sito. Login con username e password.

2

Fare clic sul collegamento "Estensioni" sulla barra dei menu controllo pannello, quindi "Template Manager". Dopo avere caricato la pagina Template Manager, fare clic sul nome del corrente Joomla! modello (quello con la stella gialla accanto ad essa). Il "modello: [modificare]" verrà visualizzata la pagina nel browser. Fare clic sull'icona "Modifica HTML" nella parte superiore della pagina.

3

Fare clic sull'icona "Modifica HTML" nella parte superiore della pagina. Dopo che appare la pagina di Template HTML Editor, individuare la riga di codice che contiene la sintassi:

< testa >< jdoc: include tipo = "testa" / >

4

Posizionare il cursore del mouse a destra del ">" simbolo nel codice riga e quindi premere "Invio".

5

Copiare e incollare il seguente codice nel template HTML:

< script type = "text/javascript" href = "<? php echo $this -> baseurl?

/ media/system/css/modal.css "type =" text/css"/ >

< script type = "text/javascript" >

// <!--

window.addEvent ('domready', Function () {var JTooltips = new

Tips($$('.hasTip'), {maxTitleChars: 50, fissata: 'false'}); });

-->

< / script >

< script type = "text/javascript" >

// <!--

window.addEvent ('domready', Function () {

SqueezeBox.initialize({});

$$ ('un .modal'). Each (function (el) {

el.addEvent ('click', Function () {

nuovo Event(e).stop();

SqueezeBox.fromElement(el);

});

});

});

-->

< / script >

6

Fare clic su "Salva" nella parte superiore della pagina.

Utilizzare lo Script

7

Fare clic su "gestione articolo" nel pannello di controllo. Aprire l'articolo a cui si desidera incorporare i file di immagine.

8

Selezionare il punto nel tuo articolo in cui si desidera visualizzare un collegamento a una foto grande popup. Utilizzare la sintassi seguente per collegare l'immagine di popup:

< un rel = "SqueezeBox" href = "URLofPhoto" title = "MyCaption" class = "modale" >

9

Modificare la variabile "URLofPhoto" all'URL dell'immagine caricata. Cambiare "MyCaption" a qualsiasi testo che si desidera sotto la foto nella finestra popup.

10

Salvare le modifiche al vostro sito Joomla! articolo. Quando si visualizza la pagina di articolo sul tuo sito, il collegamento di popup viene visualizzato nel testo. Se si fa clic sul collegamento, l'immagine collegata si apre in una finestra modale.