Un caro saluto a tutti.
A questa pagina (http://www.scuolamediadigitale.it/prova-lightbox/#page) ho caricato una lightbox adattando lo script sulla base delle mie esigenze: cliccando sui quadrati si aprono correttamente le diapositive della galleria. La pagina si genera con php, quindi ho potuto anche aggiungere i tasti di scorrimento in avanti e indietro, e l'esecuzione anche di file audio. Lasciate perdere la coerenza dei testi, sono lì soltanto per prova.
Rispetto al codice originario, tramite media queries css, in ciascuna slide ho fatto in modo che su desktop l'immagine si trovi a sinistra e il testo a destra, mentre su dispositivi mobili il testo si trovi sotto e l'immagine sia fullwidth.
Riscontro un problema quando l'immagine è più larga di un certo numero di pixel, poiché mi manda sotto il div che flotta con all'interno il testo e i comandi: questo si vede bene dalla diapositiva 6, ma anche con le altre riducendo la finestra.
Per risolvere il problema avevo pensato di impostare una logica condizionale tramite jquery, concettualizzabile in questo modo: "Quando la somma delle width dell'immagine e del testo è maggiore di quella del contenitore che le include, togli tramite css il float del div con il testo".
Il problema è che nello script di jquery - non so perché - non funziona il css method. E, al di là di questo, ci sarebbe comunque il problema di agganciare il comando javascript all'evento di scorrimento delle diapositive, mentre per ora rimane vincolato al refresh della pagina.
Quindi scrivo qui perché magari qualcuno può darmi una mano in puro css.
Grazie mille a tutti,
un caro saluto,
HC
Rispondi quotando
Originariamente inviata da Hans Castorp
