Autore Topic: Effetto ingrandimento pop-up immagine  (Letto 12113 volte)

Offline cicciofarmaco

  • Appassionato
  • ***
  • Post: 455
  • Sesso: Maschio
    • Mostra profilo
Effetto ingrandimento pop-up immagine
« il: 06 Ott 2008, 00:18:05 »
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
My photostream web site - My Flickr

Offline exportquality

  • Appassionato
  • ***
  • Post: 206
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #1 il: 06 Ott 2008, 07:09:04 »
cerca Lightbox e troverai diverse alternative
http://it.wikipedia.org/wiki/RTFM

Gli MP tecnici verranno ignorati. Condividiamo problemi e soluzioni!

Offline cicciofarmaco

  • Appassionato
  • ***
  • Post: 455
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #2 il: 06 Ott 2008, 13:01:57 »
Ma si tratta di un modulo o cosa?  ::)
My photostream web site - My Flickr

Offline Uncino

  • Appassionato
  • ***
  • Post: 277
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #3 il: 06 Ott 2008, 14:15:17 »
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
Skype: iz0eyj

Offline cicciofarmaco

  • Appassionato
  • ***
  • Post: 455
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #4 il: 13 Ott 2008, 15:14:23 »
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 ;D
My photostream web site - My Flickr

Offline Simodm

  • Appassionato
  • ***
  • Post: 218
  • Sesso: Femmina
  • Simona
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #5 il: 13 Ott 2008, 16:00:57 »
... non è che c'è qlc errore nella sintassi...?
E poi hai caricato tutti i file necessari per il funzionamento?


Offline cicciofarmaco

  • Appassionato
  • ***
  • Post: 455
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #6 il: 13 Ott 2008, 17:07:41 »
Non credo, ho seguito tutto alla lettera e caricato tutto!
My photostream web site - My Flickr

Offline Simodm

  • Appassionato
  • ***
  • Post: 218
  • Sesso: Femmina
  • Simona
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #7 il: 13 Ott 2008, 17:15:21 »
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.

Offline ilvanni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 6995
  • Sesso: Maschio
  • Giovanni Vacca
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #8 il: 13 Ott 2008, 17:22:50 »
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!

Offline cicciofarmaco

  • Appassionato
  • ***
  • Post: 455
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #9 il: 13 Ott 2008, 17:49:17 »
E com'è che si ottiene lo stesso effetto con phocagallery?
My photostream web site - My Flickr

Offline ilvanni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 6995
  • Sesso: Maschio
  • Giovanni Vacca
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #10 il: 13 Ott 2008, 18:30:04 »
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!
« Ultima modifica: 13 Ott 2008, 18:45:35 da ilvanni »

Offline ilvanni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 6995
  • Sesso: Maschio
  • Giovanni Vacca
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #11 il: 13 Ott 2008, 18:37:34 »
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.
« Ultima modifica: 13 Ott 2008, 18:39:05 da ilvanni »

Offline cicciofarmaco

  • Appassionato
  • ***
  • Post: 455
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #12 il: 13 Ott 2008, 19:20:43 »
Scusa, ma io non voglio avere l'effetto ingrandimento su immagini contenute nella galleria foto, ma in delle immagini inserite in un articolo.
My photostream web site - My Flickr

Offline ilvanni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 6995
  • Sesso: Maschio
  • Giovanni Vacca
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #13 il: 13 Ott 2008, 19:38:10 »
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!

Offline ilvanni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 6995
  • Sesso: Maschio
  • Giovanni Vacca
    • Mostra profilo

Offline DoppiaV

  • Esploratore
  • **
  • Post: 144
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #15 il: 13 Ott 2008, 20:19:53 »
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
www.asoffside.it  "Per molti è solo una palla, per noi un pezzo di vita"

Offline cicciofarmaco

  • Appassionato
  • ***
  • Post: 455
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #16 il: 13 Ott 2008, 23:05:29 »
E' solo la sintassi da usare o devo scaricare qualche modulo/componente?
My photostream web site - My Flickr

Offline DoppiaV

  • Esploratore
  • **
  • Post: 144
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #17 il: 14 Ott 2008, 07:54:10 »
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.
www.asoffside.it  "Per molti è solo una palla, per noi un pezzo di vita"

Offline cicciofarmaco

  • Appassionato
  • ***
  • Post: 455
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #18 il: 14 Ott 2008, 08:05:07 »
mmm.. ma nella pagina che mi hai linkato si può scaricare o il modulo o il plugin. Quale dei due mi serve?
My photostream web site - My Flickr

Offline DoppiaV

  • Esploratore
  • **
  • Post: 144
  • Sesso: Maschio
    • Mostra profilo
Re: Effetto ingrandimento pop-up immagine
« Risposta #19 il: 14 Ott 2008, 12:57:20 »
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
www.asoffside.it  "Per molti è solo una palla, per noi un pezzo di vita"

 

Host

Torna su