Menu - "mouseover"

[bostongeorge6969]

Buona sera a tutti.

Vorrei creare un sottomenu di questo tipo da mettere nella sezione "multimedia" di questo mio sito di test:

http://www.bostonfefo86.altervista.org/

4 immagini della stessa grandezza (2 sopra e due sotto) leggermente oscurate.

Al passaggio del mouse su una delle immagini, l'immagine si illumina o ingrandisce.

é possibile farlo con un modulo joomla? ho ricercato alcune soluzioni in rete ma non le ho trovate.

Qualcuno di voi è già inceppato in questa cosa?

Grazie in anticipo per le risposte.

[daniel77]

Dai un occhio al sito di tonicopi, li spiega anche come fare i menù con effetto mouseover.

[bostongeorge6969]

Grazie per la risposta.

Io sto seguendo questo:
http://www.joomlacsszengarden.com/index.php?option=com_content&view=article&id=66:immagini-con-effetto-light-box&catid=35:articoli-di-tonicopi&Itemid=58

Il problema è che arrivo fino al punto in cui dice:
A questo punto siamo pronti per inserire dentro un nostro articolo il codice che farà apparire le immagini: {limage}tuaimmagine.jpg{/limage}


Questo vuol dire che io devo semplicemente creare un nuovo articolo e metterci dentro la stringa:
{limage}tuaimmagine.jpg{/limage}

e il plugin mi andrà a pescare la mia immagine?

Io ho provato, ma sul sito mi visualizza solo una CASELLA BOX VUOTA, ove cliccandola appare Loading...
http://www.bostonfefo86.altervista.org/

Qualche aiuto dal publico :-) ??

[daniel77]

I plugin li hai attivati entrambi?

Il percorso della cartella sia sicuro che sia quello giusto?

Ultima cosa, l'estensione della foto è scritta in maiuscolo o in minuscolo? a me se le foto hanno estensione JPG non me le carica, quindi visto che ci sei controlla anche sta cosa.

[bostongeorge6969]

i Plug in da attivare sono:
Protos Lightbox e Protos Lightbox JS (che si trova in seconda pagina) - questi sono sempre stati attivi.

Il percorso della cartella è esatto.

- la mia cartella images\stories contiene due cartelle: fruit & food (default di joomla con dati di esempio)
- inoltre ho aggiunto dentro la cartella images\stories 5 immagini prese da internet

Come descritto ho provato a lasciarlo bianco (in modo che di default dovrebbe pescare le immagini dentro la cartella images\stories). Ma niente...

Ho provato anche a dare il percorso images/stories/fruit ma ancora niente...

Mi rimane sempre questo box bianco nel quale quando ci clicchi dentro appare loading.....

http://www.bostonfefo86.altervista.org

Ho creato un articolo e dentro ci ho messo questo codice:

{limage}mia immagine.jpg{/limage}

Che come puoi vedere a lato, viene visualizzato anche nelle notizie flash.

C'è qualcosa di sbagliato in questo ultimo passaggio?

Ho provato a mettere questo dentro un nuovo articolo:
{limage}home-icon_normal.jpg{/limage}
{limage}icone-word.gif{/limage}


E ora ho due box bianchi.....   ehhe

Non ci arrivo proprio. ^^

[bostongeorge6969]

....se puo essere utile..... questo sito dà ESATTAMENTE L'IDEA di quello che serve a me.

http://www.phatfusion.net/projects.html

[bostongeorge6969]

Provo ad autorispondermi

Dunque, l'obbiettivo che mi ero prefissato era fare un menu formato da 4 immagini, nelle quali al passaggio del mouse (mouseover) volevo un effetto di illuminazione (highlight) e leggero ingrandimento (suckerfish?\zoom).

Non sono riuscito a mettere in pratica la soluzione datami da Tonicopi. (installazione di due plugin etc etc).

Sbirciando in rete sono riuscito a trovare l'effetto highlight che volevo e ho fatto in questo modo:

1 - ho aggiunto questo nell HEAD del file index:  (creod si chiami foglio di stile interno)

Codice: [Seleziona]

<style type="text/css">
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.5;
opacity: 0.5;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 5;
opacity: 3;
}

</style>
2 - Ho aggiunto questo codice (nell'articolo creato tramite il pannello backend Joomla)

Codice: [Seleziona]

<a class="highlightit" href="http://paginadeltuosito"><img src="images/1/&#xd;&#xa;untitled-3.jpg" border="2" /></a></p>
Ecco con questo ottengo l'effetto di illuminazione dell'immagine al passaggio del mouse (highlight on mouseover)

Sarebbe carino che al passaggio del mouse su ogni immagine venga visualizzata la scritta:

esempio: passo sulla prima foto e si visualizza "musica", passo sulla seconda foto e si visualizza "Movie" (sempre nello stessa posizione).

Una scritta che cambia quindi al passaggio del mouse.

Non sono riuscito a combinare l'effetto di illuminazione con l'effetto zoom dell'immagine ma ci proverò.