Ho scoperto un plugin per wordpress che permette di sostituire il vecchio popup che ci faceva vedere una foto nelle sue dimensioni reali dopo aver cliccato su un anteprima rimpicciolita. Oggi va tanto di moda infatti, oscurare tutto e far vedere la foto al centro dello schermo. Sicuramente bello. Ora si può fare anche con wordpress con un plugin dalla semplice installazione che si chiama Daiko’s ThickBox, incluso nell’ installazione di un altro plugin Daiko’s YouTube Widget che permette la visualizzazione di video in un widget della sidebar. Basta installare quest’ ultimo affichè venga visualizzato nella pagina per essere poi attivato. Bisogna poi scaricare il file thickbox.js e la libreria jquery.js. Dopodichè sistemarle in una cartella raggiungibile da internet e aggiungere all’ header del tema utilizzato le seguenti righe
<script type=“text/javascript” src=“path-to-file/jquery.js”></script>
<script type=“text/javascript” src=“path-to-file/thickbox.js”></script>
sostituendo a path-to-file il percorso della cartella. Salviamo, anche nella stessa cartella, questa immagine. Apriamo poi il file thickbox.js, cerchiamo la variabile tb_pathToImage e sostituiamo con il percorso dell’ immagine. Scarichiamo ancora il foglio di stile, lo sistemiamo nella solita cartella e lo includiamo sempre nell’ header del nostro template tra i tag <head> e </head>:
<link rel=“stylesheet” href=“path-to-file/thickbox.css” type=“text/css” media=“screen” />
dove invece di path-to-file ci va il percorso del file. A questo punto è terminata la configurazione del plugin e per utilizzarlo basta inserire nel codice l’ attributo class=”thickbox”, così come spiegato più in dettaglio a questo indirizzo: http://jquery.com/demo/thickbox/
Altri articoli che potrebbero interessarti:
Background ridimensionabile: jquery o css?
Effetto Page Peel bloccato da AdBlock Plus: come risolvere
Loading ...