Image Menu: menu javascript a scorrimento per il tuo sito
Articolo letto 286 volte
Ecco un menu gratuito ad effetto che è possibile inserire nel proprio sito. In pratica è un menu con immagini a scorrimento orizzontale attivato dal passaggio del mouse. L’effetto è veramente gradevole e non è nemmeno troppo complesso riuscire ad integrarlo in una pagina web.
Alcune istruzioni le trovate all’interno del pacchetto oppure sul sito ufficiale. Ci sono alcune opzioni di base come l’onClic, che indica l’azione da intraprendere al click, e l’openWidht che indica le dimensioni dell’apertura.
La struttura di base è Mootools.
Vi dico fin da subito che così com’è fornito il pacchetto in pratica, non so per quale pippa mentale, è impostato in modo tale per cui cliccando sull’immagine si riceve un avviso in finestra al posto di portare all’url da voi specificato. Per correggere questa imperfezione occorre sostituire come segue all’interno del file index:
cercate:
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});
});
e trasformate in:
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){window.location=(e);}});
});
Altri articoli che potrebbero interessarti:
- 5 Flash Templates di puro design per il vostro sito!Gratis! Ogni tanto mi diletto alla ricerca di qualche template gratuito di varia natura. I risultati migliori dal punto di vista della bellezza grafica si ottengono quasi sempre tramite Flash....
- Liquid Image Pro HD350: nuota e filma! Prezzo: 299 € In questo periodo andando in un negozio di elettronica non è difficile imbattersi in maschere da sub nel reparto dedicato alla fotografia. Quella che però si...
- 50 servizi per monitorare le statistiche del tuo sito Per far si che un sito abbia successo, una delle cose da fare è monitorare le statistiche web che danno un’idea del fatto che il lavoro svolto stia dando...
- [Guida] Tutto quello che dovreste sapere per avere un sito internet Molte persone pensano che per avere un proprio sito internet si debba spendere molto in termini di denaro e che occorranno chissà quali capacità di programmazione in linguaggio html,...
- Integra una chat sul tuo sito con TinyChat Se hai bisogno di aggiungere al tuo sito o al tuo blog una chat di facile utilizzo, TinyChat potrebbe essere la soluzione che fa per te. Tutto quello che...
22 Commenti »
Puoi lasciare una risposta, oppure fare un trackback dal tuo sito.
Pubblicato il 25 09 2008 alle 09:57 | Numero: 1
Carino, grazie della segnalazione.
Pubblicato il 25 09 2008 alle 11:22 | Numero: 2
Vi invito a partecipare al contest di freedom tech che regala il nuovo ipod nano!
Pubblicato il 25 09 2008 alle 11:24 | Numero: 3
E qui cosa c’entra?
Pubblicato il 25 09 2008 alle 12:08 | Numero: 4
bhauhauah …una spammatina qua, una spammatina la, va be dai ogni tanto faccio così anche io.
Non voglio ghigliottinarlo al volo
Pubblicato il 26 09 2008 alle 12:55 | Numero: 5
balla…. ma forse questa è meglio
http://daemn.com/modules/jDrawer/latest/jDrawer.html
Pubblicato il 26 09 2008 alle 21:26 | Numero: 6
Thx FunCool, molto carina anche quella!
Pubblicato il 03 12 2008 alle 13:14 | Numero: 7
ma devo scaricare Mootools per utilizzarlo?
Pubblicato il 03 12 2008 alle 13:21 | Numero: 8
no no solo il pacchetto relativo al menù
Pubblicato il 03 12 2008 alle 14:30 | Numero: 9
mi dai info piu dettagliate? io so usare frontpage , come devo fare ?
Pubblicato il 03 12 2008 alle 14:33 | Numero: 10
volevo anche sapere se ad ogni link ,al posto delle foto che si aprono sotto il menu ,si potesse mettere del testo , oppure conosci script simili a questo che lo fanno .?
Pubblicato il 03 12 2008 alle 16:41 | Numero: 11
Il menù lo personalizzi tu, nel senso… se non ti piace qualcosa personalizzi le immagini, ed inserisci il testo che vuoi sulle immagini. Giusto per darti un’idea questo è quello che ho fatto io un paio di mesi fa:
http://www.asperianum.it/
Pubblicato il 03 12 2008 alle 18:00 | Numero: 12
si piu o menoè quello che mi serve ,pero’ o lascio il menu in alto e le pagine si aprono nella stessa pagina ….ma non ho capito come importarlo in frontpage…..devo lavorare sul file index che trovo nello zip ???????
Pubblicato il 03 12 2008 alle 18:28 | Numero: 13
tu mantieni la stessa struttura delle cartelle che trovi nel pacchetto, modifichi le immagini come ti pare e al massimo gli cambi il nome ricordandoti però che poi dovrai cambiarli anche all’interno dei files che le richiamano, altrimenti otterrai solo dei broken links;
in frontpage apri una pagina bianca o la pagina tua dove vuoi che compaia e gli trascini dentro se non erro il file .JS, poi lo posizioni a seconda che tu lo voglia centrato ecc.
Pubblicato il 03 12 2008 alle 18:34 | Numero: 14
ci sono vari file .js .. quale?
Pubblicato il 03 12 2008 alle 18:41 | Numero: 15
quello della cartella imagemenu…
Pubblicato il 03 12 2008 alle 18:48 | Numero: 16
ufffffff non và , se lo trascino in frontpage ,si vede il codice in anteprima….
Pubblicato il 03 12 2008 alle 18:50 | Numero: 17
allora forse era qualcos’altro da inserire, non mi ricordo esattamente.
Pubblicato il 27 01 2009 alle 16:39 | Numero: 18
semplicemente aprendo dreamweaver e aprendo direttamente il file .css e modificandolo opzione per opzione si possono variare anche altre cose tipo il testo gli sfondi il tempo di transizione etc…
Pubblicato il 21 02 2009 alle 10:03 | Numero: 19
Ciao a tutti. Ho trovato interessante questo menu ad immagini. Ho provato e riprovato però ad aumentare le foto ne menu e quindi pasare invece che a 5 a 6 o a 7 ma non ci sono riuscito. Sapete darmi qualche dritta in merito?
Pubblicato il 03 03 2009 alle 14:19 | Numero: 20
Ciao, io vorrei mettere questo menu in un frame (in alto)… ma come faccio a dirgli di aprire i suoi link all’interno di un altro frame (dello stesso frameset, ma sotto quello dove ho messo il menu)?!
Pubblicato il 12 03 2009 alle 19:01 | Numero: 21
ciao, io l ho usato come slide ma devo farci dei collegamenti _blank… che proprio non so fare… qualcuno può aiutarmi??? grazie!!!
Pubblicato il 12 03 2009 alle 19:47 | Numero: 22
inche senso come slide?
comunque per gli hyperlink devi prima sostituire come ho indicato nell’articolo, e poi puoi modificare il file inserendo gli url.