[RELEASED] Rokbox images

[Lady R]

Nome MOD: Rokbox images
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.

Installazione:

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:
  

  Codice: 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>

  
  Se preferite che rokbox abbia un tema scuro, sostituite nell'ultima riga light con dark

Sono presenti anche i template mynxx e sample.

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

Sostituite con:

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>

Pulite cache

Fatto ^.^

[Darkman]

Bella!
Si potrebbe fare in modo che il pop up si chiuda cliccando suòò'immagine stessa come nella mod della highslide?

[Lady R]

Bisogna modificare ROkbox, però non conosco Mootools, quindi devo prima studiarmelo... E beh, diciamo che ho altre priorità.

Magari però scrivo due righe per implementare Rokbox anche nelle immagini allegate.
Domani faccio se trovo un attimo.

[Lady R]

Aggiunta la guida per inserire Rokbox anche alle immagini allegate.

[Haku]

Molto bella.
Sarebbe comodo come dice Dark, poter cliccare anche sulla immi per chiudere l'immagine, ma si può attendere.

Se ricordo che modifica avevo fatto per autoridimensionare le immagini, la tolgo e aggiungo questa.

[Lady R]

Aggiunto l'installer xml ^.^