Image Menu: un’idea originale per un menu d’effetto

Oggi vi segnalo una libreria che vi consente di creare un originale menu di navigazione di sicuro impatto visivo. Image Menu crea un menu orizzontale composto da immagini che al passaggio del mouse scorrono allargando la voce di menu selezionata.

Image Menu Oggi vi segnalo una libreria javascript che vi consente di creare un originale menu di navigazione di sicuro impatto visivo. Image Menu crea un menu orizzontale composto da immagini che al passaggio del mouse scorrono allargando la voce di menu selezionata.

La sintassi per includere un tale script è molto semplice:

var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200, onClick:demo});

dove onClick indica l’azione da intraprendere al click e openWidth la dimensione dell’apertura. Queste sono solo alcune delle opzioni impostabili. Image Menu è un’idea originale che sicuramente potrà interessare i molti web designer che leggono DynamicK.

16 commenti

  • Ciao, mi puoi spiegare come si usa? Sai mi piacerebbe inserirla nell’header del blog…

  • Sì però non hai scritto dove bisogna implementare quel codice…(CSS??)

  • Salve ho trovato questo interessante menù e vorrei utilizzarlo nel sito che sto costruendo.
    La mia domanda è questa per sviluppare il menù in verticale come devo fare?
    Quali files devo modificare?
    Grazie e ciao

  • Ciao,

    volevo sapere: come faccio ad utilizzare questo menu in wordpress? Ho trovato anche un plugin che integra mootools in WP, ma non so poi come installare questo image menu…
    grazie

  • è un menu senz’altro a effetto, ma a me lascia un fastidiosissimo spazio a sinistra della prima immagine, visibile anche nell’index di esempio nella cartella. ho guardato sul css ma non riesco proprio a toglierlo…qualcuno ha un’idea??? grazie!

  • mi potete dire come si linkano le immagini di “Image menu”? sto impazzendo e proprio non riesco. Grazie

  • Lo sapevo che c’era lo zampino di mootools :D

  • Per i pigri come me: questo è il pacchetto completo (con libreria Moo Tools e Image Menu): http://www.xyberneticos.com/demos/kwick_menu/kwick_menu.rar
    L’autore pare avere anche un parente gran bravo fotografo:
    http://www.aaronbirchphotography.com/
    Per ImageMenu è aperto anche un forum di supporto su MooTools:
    http://forum.mootools.net/viewtopic.php?id=1947&p=1

  • Ciao. Bello, ma non ho capito come si fa per abbinare un link alle immagini… :-( Voi ci siete riusciti?

  • Ho provato a contattare l’autore della libreria, ma sembra non ci sia un indirizzo email valido. L’unica soluzione che vi propongo è di guardare il codice sorgente e di estrapolare da lì il file javascript.

  • ma come si può scaricare questa libreria??

  • bello, avevo visto una cosa simile sul sito di mootools solo che non trovavo il sorgente

  • Si, si tratta di una libreria javascript. Per essere javascript, il movimento è molto fluido.
    Smash, ti consiglio il javascript al posto del flash, non richiede plugin ed è nativo nei browser.

  • Urca ma è una libreria in javascript…mannaggia non me ne ero accorto…pardon…
    Io sto cercano una cosa simile anche in flash tipo quella che c’è sul sito di radio deejay…

  • Vojo vedere l’as per imparare e capire ;-)
    Grazie cmq molto interessante…

  • Converti qualsiasi tipo di file con 3 semplici mosse (via Giuseppe D’Alessio Live Blog) Marche, l’open source avanza (via Punto Informatico) Memorizzare tutte le nostre password con il password manager on-line PassPack (via Salvatore Aranzulla)Image Menu: un’idea originale per un menu d’effetto(via Dynamick) Simpsonizzati 3! Fai scrivere a Bart le frasi che vuoi tu! (via Giuseppe D’Alessio Live Blog) DocStoc: condividere documenti di qualsiasi tipo (via Maestro Alberto) Nuovi iMac: la recensione

Unisciti alla discussione

Potresti usare questi HTML tag e attributi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ricevi un avviso se ci sono nuovi commenti. Oppure iscriviti senza commentare.