Effetto ingrandimento pop-up immagine

[cicciofarmaco]

Salve gente!
Visitando il sito Flotte Aziendali della Mercedes Benz proposto da qualcuno nella sezione Joomsites ho visto che alla pagina  http://flotte.mercedes-benz.it/prodotti.html , al centro, ci sono delle immagini linkabili che si aprono in un pop up. Sapreste dirmi come ottenere questo effetto?

Grazie in anticipo

[exportquality]

cerca Lightbox e troverai diverse alternative

[cicciofarmaco]

Ma si tratta di un modulo o cosa? 

[Uncino]

Non fa esattamente quello che vuoi tu, ma e' molto interessante:
http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,5738/Itemid,35/
Dagli un'occhiata sul portale; gli articoli a sx sono tutti gestiti con questo modulo.

Fede

[cicciofarmaco]

http://www.paternocalcio.info/staff-tecnico.htm

..ho utilizzato Lightbox, ma non capisco perchè lo sfondo della finestra non si opacizzi e l'immagine ingrandita non abbia il bordo.

Qualcuno saprebbe aiutarmi?

Grazie 1000,
Francesco

[Simodm]

... non è che c'è qlc errore nella sintassi...?
E poi hai caricato tutti i file necessari per il funzionamento?

[cicciofarmaco]

Non credo, ho seguito tutto alla lettera e caricato tutto!

[Simodm]

Beh, in effetti è strano.
E' come se mancassero solo le immagini ... forse devi controllare se le hai caricate tutte, o magari hai cambiato nome alle stesse.

In IE non si vede l'effetto .... anche a me è successo.

[ilvanni]

Ciao, volevo aggiungere che con il componente phocagallery si ottiene lo stesso effetto, oltretutto sul loro sito ci sono a disposizione diversi templates per la galleria di immagini, ed è perfettamente compatibile con tutti i maggiori browsers, ciao!

[cicciofarmaco]

E com'è che si ottiene lo stesso effetto con phocagallery?

[ilvanni]

Ciao cicciofarmaco, prova ad andare da phocagallery nella sezione immagini, scegliere la voce in alto a dx 'preferenze' e settare i vari parametri magari facendo come ho fatto io:

- in 'DETAIL VIEW SETTINGS LABEL' scegli 'modal popup box (image only)' e in 'opacità overlay modalità riquadro' setta il livello di trasparenza che vuoi della finestra popup con l'immagine;

- in 'PICLENS SETTINGS LABEL' metti le prime 2 voci a 'sì' e in piclens image scegliere 'thumbnail image' così avrai una lista in orizzontale di immagini thumbnail che poi al click del mouse si ingrandiranno grazie alla funzione di prima 'modal popup box (image only)';

- in 'SWITCH IMAGE SETTINGS LABEL' scegli la grandezza dell'immagine che vuoi come risultato, anche se avendo scelto prima di avere le thumbnail basta avere un'immagine un pò grande che poi da thumbnail si ingrandisce;

- in 'OVERLIB EFFECT SETTINGS LABEL' eventualmente scegli 'image and description' che ti fa visualizzare la descrizione (se l'hai data) presente nei dettagli dell'immagine nel pannello di gestione delle immagini di phocagallery;

- in 'THUMBNAIL CREATION SETTINGS LABEL' dare rispettivamente 'sì, no, sì, tutti;

- in 'IMAGE WINDOW SIZE SETTINGS LABEL' settare i valori da mettere come predefiniti per i vari tipi di immagine, questo serve per definire quanto deve essere grande un'immagine media, piccola o grande e che vale per i parametri tipo 'PICLENS SETTINGS LABEL'; importanti sono i valori da dare all'ampiezza e grandezza immagine grande perchè sono i valori della finestra popup che sarà visualizzata.

Poi eventualmente giocaci un pò ma queste sono le voci principali su cui giocare per avere i vari effetti, ma importantissimo è la sezione 'DETAIL VIEW SETTINGS LABEL' dove devi scegliere 'modal popup box (image only)' che è quella funzione che ti fa ingrandire da thumbnail ad immagine con grandezza da te specificata con un effetto simile a quello della mercedes e setta il valore di 'opacità overlay modalità riquadro' che ti lascia visibile la pagina di fondo con un effetto trasparenza .
Spero di essere stato d'aiuto e correggetemi se sbaglio o ometto qualcosa, ciao!

[ilvanni]

Ciao cicciofarmaco, prova ad andare da phocagallery nella sezione immagini, scegliere la voce in alto a dx 'preferenze' e settare i vari parametri magari facendo come ho fatto io:

- in 'DETAIL VIEW SETTINGS LABEL' scegli 'modal popup box (image only)' e in 'opacità overlay modalità riquadro' setta il livello di trasparenza che vuoi della finestra popup con l'immagine;

- in 'PICLENS SETTINGS LABEL' metti le prime 2 voci a 'sì' e in piclens image scegliere 'thumbnail image' così avrai una lista in orizzontale di immagini thumbnail che poi al click del mouse si ingrandiranno grazie alla funzione di prima 'modal popup box (image only)';

- in 'SWITCH IMAGE SETTINGS LABEL' scegli la grandezza dell'immagine che vuoi come risultato, anche se avendo scelto prima di avere le thumbnail basta avere un'immagine un pò grande tanto poi comunque si ingrandisce;

- in 'OVERLIB EFFECT SETTINGS LABEL' eventualmente scegli 'image and description' che ti fa visualizzare la descrizione (se l'hai data) presente nei dettagli dell'immagine nel pannello di gestione delle immagini di phocagallery;

- in 'THUMBNAIL CREATION SETTINGS LABEL' dare rispettivamente 'sì, no, sì, tutti;

- in 'IMAGE WINDOW SIZE SETTINGS LABEL' settare i valori da settare come predefiniti per i vari tipi di immagine, questo serve per definire quanto deve essere grande un'immagine media, piccola o grande e che vale per i parametri tipo 'PICLENS SETTINGS LABEL'.

Poi eventualmente giocaci un pò ma queste sono le voci principali su cui giocare per avere i vari effetti, ma importantissimo è la sezione 'DETAIL VIEW SETTINGS LABEL' dove devi scegliere 'modal popup box (image only)' che è quella funzione che ti fa ingrandire da thumbnail ad immagine con grandezza da te specificata con un effetto simile a quello della mercedes e setta il valore di 'opacità overlay modalità riquadro' che ti lascia visibile la pagina di fondo con un effetto trasparenza .
Spero di essere stato d'aiuto e correggetemi se sbaglio o ometto qualcosa, ciao!

OOps scusate ho sbagliato tasto per la pubbicazione, vale il post precedente, ciao.

[cicciofarmaco]

Scusa, ma io non voglio avere l'effetto ingrandimento su immagini contenute nella galleria foto, ma in delle immagini inserite in un articolo.

[ilvanni]

Ok scusa cicciofarmaco non avevo capito io, comunque non mi è mai capitato di avere questa esigenza e non ci avevo mai fatto caso anche perchè quest'effetto di solito lo si usa in una gallery; se mi dovesse arrivare qualche dritta ti posto la soluzione e in ogni caso continuo a cercare, perchè potrebbe interessare anche me, ciao!

[ilvanni]

Ciao ancora, hai mica provato questo?
http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,1162/Itemid,35/

[DoppiaV]

io uso Ninja Shadowbox qui ( http://www.asoffside.it/index.php?option=com_content&view=article&id=96:augurimichele&catid=20:auguri&Itemid=41 ) puoi vedere l'effetto, usavo anch'io lightbox ma quando sono passato a joomla uso ninja la sintassi è molto semplice:

<p style="text-align: center;"><a rel="shadowbox[Auguri]" href="images/stories/Offside/Auguri_michi.jpg"><img src="images/stories/Offside/Auguri_michi_small.jpg" alt="Auguri Michele" />[/url]</p>

Ciao

[cicciofarmaco]

E' solo la sintassi da usare o devo scaricare qualche modulo/componente?

[DoppiaV]

Si, devi scaricare il componente da qui
http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,4577/Itemid,35/
se non erro è necessaria la registrazione al sito.

[cicciofarmaco]

mmm.. ma nella pagina che mi hai linkato si può scaricare o il modulo o il plugin. Quale dei due mi serve?

[DoppiaV]

mmm.. ma nella pagina che mi hai linkato si può scaricare o il modulo o il plugin. Quale dei due mi serve?

Ho controllato nel mio back.end e ho solo il plug-in...deduco che a suo tempo ho installato solo quello. Abbi pazienza ma è passato un po' di tempo da quando l'ho fatto... comunque se non ricordo male è ben documentato nella loro documentazione.
ciao