Aggiungere un'anteprima delle immagini del topic

[tester]

Questa guida permette di visualizzare un'anteprima della prima o dell'ultima immagine(di default lavora sull'ultima immagine) inserita in un topic, per attivare ciò bisogna leggere la lista dei topic e sorvolare col mouse il titolo del topic, ecco una screenshot:

i parametri facilmente modificabili di questo script sono:
*Altezza e larghezza dell'anteprima delle immagini
*Scegliere se mostrare la prima o l'ultima immagine del topic
*Mostrare o no le informazioni sul topic nell'anteprima.

Demo della modifica in funzione
Pagina di phpbb.com dedicata a questa funzione
Download dello script, sarà necessario inserire un nome utente ed un indirizzo mail,io ho inserito nome utente ed indirizzo a caso.

questo script è stato scritto per essere venduto a 9.95$ ,ma proteste su phpbb.com hanno convinto l'autore ad offrirlo gratis sul suo sito, come spiegato qui

come effettuare la modifica,
1-una volta scaricato l'archivio phpbb3imgprev.zip inserite la cartella "js" nella cartella in cui avete installato phpbb

2-aprire style/tuostile/template/overall_header.html
cerca:

Codice: Seleziona tutto

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

ed aggiungi dopo:

Codice: Seleziona tutto

<script type="text/javascript" src="http://tuosito.it/forum/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="http://tuosito.it/forum/js/jquery.imgpreview.js"></script>

3-aggiornare le cache del forum

per personalizzare lo script si può aprire il file jquery.imgpreview.js e modificare i seguenti campi:

var speed = 2000; //speed of image fadeIn
var easing = 'swing'; //easing
var imgpos = 'last'; //'first' or 'last' image in the thread
var maxwidth = 800; //set the width of the image
var maxheight = 400; //set the height of the image
var info = 'true'; //set to 'true' for thread info diplayed at top, 'false' for no info display