Posts Tagged ‘javascript’

Masonry un plugin jquery per layout

Masonry è plugin jquery per layout. Pensato come il rovescio della medaglia di CSS float. Considerando che riorganizza gli elementi float prima orizzontalmente poi verticalmente, secondo una griglia. Il risultato minimizza gli spazi verticali tra elementi di diversa altezza.
L’utilizzo di Masonry è estremamente  semplice basta collegare al funzione masonry() all’elemento wrapper del layout. A seconda [...]

More »

jQSlickWrap – Collocare del testo intorno a un immagine

jQSlickWrap è un plugin di jQuery che permette facilmente e accuratamente “wrappare” il testo attorno a un immagine inserita nel contenuto.
L’implementazione è semplice basta inserire una riga di codice jQuery:
$(‘img’).slickWrap();
L’immagine dev’essere un’immagine irregolare e deve utilizzare la proprietà float all’interno del css.
Sito web: http://jwf.us/projects/jQSlickWrap
Demo: http://jwf.us/projects/jQSlickWrap/example2.html

More »

TopUp per la visualizzazione di immagini e pagine in popup

TopUp è un’altra libreria javascript che utilizza jquery, di facile utilizzo, utile per la visualizzazione non intrusiva di immagini o di pagine web all’interno di pop up.
E’ assolutamente free anche per usi commerciali, oltre che essere compatibile con la maggior parte dei browser. L’installazione di TopUp consiste nell’inserimento all’interno di una pagina di un file, non [...]

More »

Creare una mappa interattiva e zoommabile con jQuery

La New Media Campaigns ha creato uno scritp capace di  creare una mappa interattiva con aree che possono essere ingrandite. Ogni luogo sulla mappa può essere rappresentato da un segnaposto. Cliccandoci sopra è possibile far mostrare maggiori informazioni. Inoltre possono essere create delle aree che possono essere ingrandite per far mostrare delle sottoaree della mappa.

Il [...]

More »

Creare una miniatura con descrizione visualizzabile al rollover

In questo tutorial viene mostrato come creare una descrizione che appare in dissolvenza quando si fa il rollover su una miniatura.
Viene utilizzato jQuery framework e CSS per creare questa trasparenza e l’effetto dissolvenza.
Vedi tutorial: http://www.queness.com/
Vedi Demo: http://www.queness.com/resources/html/thumbnail/index.html

More »

Aggiungere un bottone (+/-) con javascript

I campi di testo talvolta possono essere utilizzati per presentare dei numeri, delle quantità, si pensi ad esempio l’esigenza di inserire le quantità di un prodotto all’interno di un sito ecommerce. Per cambiare il valore di tale quantità l’utente dovrebbe ridigitare il numero presente all’interno della casella e inserirne un altro..Utilizzando questo script si rende [...]

More »