Plugin per la visualizzazione delle foto Web 2.0 Style

di nemoprincess
Pubblicato September 30th, 2007 at 7:05 pm

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/

Ti interessa un link gratuito da una directory con Pagerank 4???? Segnala il tuo sito su Zibaldone! La directory gratuita di Web 3.0 Notes!

Popularity: 1% [?]

Altri articoli interessanti:

Non ci sono ancora commenti per questo post.
Aggiungi un commentoCrea un gravatar

* Name

* Email Address

Website Address

Puoi usare questi tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Sponsors
Socializziamo!

AAA: Collaboratori cercasi
Se sei un appassionato di informatica e in particolar modo ti affascinano wordpress, photoshop e il seo, allora stiamo cercando proprio Te!
Web 3.0 Notes vuole crescere e sta cercando collaboratori seri che vogliano crescere insieme.
Ovviamente le collaborazioni saranno retribuite e la paternità dei post sarà sempre riconosciuta!
Contattateci pure per ogni info!
Web 3.0 Notes
Partners
Partners
Cerca nel blog
Progetti Amici

Categorie
Get Adobe Flash playerPlugin by wpburn.com wordpress themes