[seremot]

Buongiorno ragazzi,
vorrei chiedervi un aiuto, se qualcuno riesce a darmi una mano nel modificare una gallery che ho scaricato. Sono riuscita a modificarla tranne per un problema di allineamento che non riesco proprio a risolvere. Premetto che io di javascript non so NULLA, le modifiche che ho fatto sono per lo più sui css che invece conosco abbastanza, ma questo allineamento non riesco proprio a trovarlo.

Vi lascio il link dove potete vederla
http://www.mottarella.com/prove/portfolio/depliant.html

e il link di come vorrei che venisse l'allineamento degli ingrandimenti
http://www.mottarella.com/portfolio/depliant.html

Qualcuno riesce a darmi una mano? vorrei eliminare le gallery in flash x rendere il sito maggiormente accessibile anche da smartphone e tablett.

Grazie

Serena

[Paolob]

Ciao,
intendi allineare le immagini più grandi a sinistra?

Vedo che viene inserito da codice un left per l'elemento
div#galleria div.galleria-container div.galleria-stage div.galleria-images div.galleria-image img
per centrare l'immagine se non erro.

Non creodo si riesca ad azzerarlo da CSS
Potresti verificare il codice che calcola questo left ed azzerarlo.

[seremot]

si esatto, allinearli a sinistra, che xò non è proprio a sinistra del tutto ma mi pare a circa 20 px da sinistra (quei 20 px in cui ci sono le frecce).

Il codice va modificato nel javascript quindi? perchè davvero quello x me è arabo!

[Paolob]

Si, da quello che vedo lo script controlla la dimensione dell'immagine e quella del contenitore.
Fa la differenza e poi la divide in due per calcolarsi quanto spazio c'è la lasciare a sinistra.

Se mi posti dove hai prelevato lo script ci si può dare un'occhiata al volo...

[seremot]

l'ho presa da qui

http://galleria.aino.com/download/

Grazie

[markdesign]

Ok, niente di più semplice...

Devi semplicemente la proprietà di posizionamento immagine quando inizializzi la galleria, perciò devi cambiare questo:

Sintassi: javascript [ Scarica ] [ Nascondi ]

Sintassi: javascript [ Scarica ] [ Mostra ]

1. // Initialize Galleria
2. $('#galleria').galleria();
3.  

Con questo:

Sintassi: javascript [ Scarica ] [ Nascondi ]

Sintassi: javascript [ Scarica ] [ Mostra ]

1. $('#galleria').galleria({
2.     imagePosition: 'top left'
3. });
4.  

Puoi vedere anche la documentazione ufficiale: http://galleria.aino.com/docs/1.2/options/imagePosition/

[seremot]

FANTASTICO!!!!! grazie grazie grazie grazie....

L'avevo letto, ma non avevo capito dove andava messo!!!!!!

Ascolta, un'ultimo accorgimento: c'è un modo x posizionarle a 18 px dal margine sinistro?

[markdesign]

Allora, la proprietà che ti ho fatto inserire posiziona l'immagine all'interno del tuo box facendo riferimento alla proprietà CSS chiamata background-position per questo motivo dovresti essere in grado di posizionare l'immagine nel modo che preferisci.

Scrivendo 'left top' l'immagine viene posizionata sopra a sinistra, scrivendo '18px top' l'immagine ti verrà posizionata sopra e a 18px dal margine sinistro.

Sintassi: javascript [ Scarica ] [ Nascondi ]

Sintassi: javascript [ Scarica ] [ Mostra ]

1. $('#galleria').galleria({
2.     imagePosition: '18px top'
3. });
4.  

[seremot]

grazie davvero, era un po' che ci sbattevo la testa su sta gallery, ma non sapendo dove guardare facevo prove a vuoto!
Siete stati gentilissimi, ora mi metto a sistemare tutte le gallery del portfolio in questa maniera ed elimino finalmente flash.

Alla prossima

[markdesign]

Di niente!!

Se hai bisogno di altro siamo qui!!