Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : bostongeorge6969 27 Mar 2011, 21:44:33
-
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.
-
Dai un occhio al sito di tonicopi, li spiega anche come fare i menù con effetto mouseover.
-
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 :-) ??
-
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.
-
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. ^^
-
....se puo essere utile..... questo sito dà ESATTAMENTE L'IDEA di quello che serve a me.
http://www.phatfusion.net/projects.html
-
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)
<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)
<a class="highlightit" href="http://paginadeltuosito"><img src="images/1/
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ò.