Descrizione: Fa in modo che le immagini inserite nei topic non siano troppo grandi, e cliccandoci sopra vengono visualizzate in un lightbox molto accattivante.
Demo: http://www.allise.net/forums/viewtopic.php?f=3&t=368
Cronologia:
- Giovedì 10 Novembre 2011 - Rilasciata MOD (cerco beta tester per debug su altri siti oltre il mio).
- Venerdì 11 Novembre 2011 - Aggiunta integrazione Rokbox con gli allegati.
Download file di installazione .xml
http://img.allise.net//public/01917b958 ... 4f5cd5.php
Oppure segui questa guida:
- Scarica rokbox Standalone dal sito ufficiale:
http://www.rockettheme.com/extensions-d ... 005-rokbox
- Carica la cartella rokbox in
/includes
- Apri
/styles/tuo_tema/template/overall_header.html
Cerca</head>
Inserisci prima di</head>
questo codice:Se preferite che rokbox abbia un tema scuro, sostituite nell'ultima riga light con darkCodice: Seleziona tutto
<script type="text/javascript" src="{ROOT_PATH}includes/rokbox/mootools-release-1.11.js"></script> <script type="text/javascript" src="{ROOT_PATH}includes/rokbox/rokbox.js"></script> <link href="{ROOT_PATH}includes/rokbox/themes/light/rokbox-style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="{ROOT_PATH}includes/rokbox/themes/light/rokbox-config.js"></script>
- Apri
/includes/bbcode.php
Cerca:'img' => '<img src="$1" alt="' . $user->lang['IMAGE'] . '" />',
Sostituiscila con:Codice: Seleziona tutto
'img' => '<a href="$1" rel="rokbox(rokalbum)[ ]"><img style="max-width: 100%; max-height: 300px;" src="$1" alt="' . $user->lang['IMAGE'] . '" /></a>',
- Pulire la cache, ora tutte le immagini inserite con il tag [IMG] saranno ridimensionate per non uscire dal template o risultare più lunghe di 300px, e cliccandoci sopra apparirà rokbox con la possibilità di scorrere tra tutte le immagini della pagina.
PS.
Per aggiungere Rokbox anche alle immagini inviate come allegati nei post aprite
/styles/tuo_tema/template/attachment.html
Cercate:
Codice: Seleziona tutto
<dt><a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>
Codice: Seleziona tutto
<dt><a rel="rokbox(album)" href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>
Fatto ^.^