Gallery immagini a scorrimento orizzontale 
Autore: Vanni P.
Visite 195,
Followers 1,
Condiviso 0
Salve ,
è possibile creare una gallery immagini a scorrimento orizzontale invece che il classico verticale??
Una soluzione come questa per farvi capire: : http://www.gregoryhalpern.com/zzyzx.html
Grazie per l'attenzione
Postato il
???
il link che hai postato mostra una pagina NON responsive con tante immagini una di fianco all'altra...
Se vuoi una gallery orizzontale di simile (ma responsive) c'è l'oggetto integrato Galleria - con lo stile : miniature orizzontali...
hai già provato ?
... potresti ottenere un aspetto molto simile semplicemente con l'oggetto Tabella...
...(... oppure con l'elementare lista tag <IMG> in Oggetto Codice HTML...)...
.
Autore
questa soluzione mi piacerebbe provarla.
Come si fa?
Ti ringrazio
Autore
ho trovato come fare con l'oggetto tabella ma purtroppo le immagini restano piccole. Avevo necessità di immagini grandi come la soluzione di quel sito che avevo postato.
Grazie lo stesso per il tuo aiuto
Autore
ho usato questa soluzione settando con 1 miniatura visibile ( quindi ho la foto grande) e si avvicina abbastanza a quello che volevo .
Grazie
1) ... metti in una cella un Oggetto Tabella;
2) ... nella tabella aggiungi le colonne per quante immagini vuoi inserire, per esempio 10 colonne, con singola riga;
3) .. cella per cella inserirai l'immagine relativa con l'apposito menu disponibile;
4) ... per ottenere un aspetto congruo, potresti assegnare immagine per immagine (destro del mouse), o la larghezza uguale ad un certo valore, per es.100px, oppure l'altezza uguale ad un certo valore, per es.100px;
5) ... essendo la tabella di misure fisse, nella cella ospite si attiverà la barra scroll orizzontale;
5bis) ... al posto del .5) si può anche applicare il rollover FISSO, che attiverà anche lui la barra scroll orizzontale;
... in più, si potrebbe applicare il rollover orizzontale per lo scorrimento automatico delle immagini (effetto marquee);
.
ciao
.
... ++
... se vuoi provare in un secondo la mia storica e facile GalleriaSprintK, quella suggerita prima nella parentesi. molto bella, ...incolla in un Oggetto Codice HTML questo codice con immagini prelevate in questo stesso momento su Pixabay:
<div id="divK" style="position:absolute;width:auto;display:flex;height:auto;overflow-x:scroll">
<img src="https://cdn.pixabay.com/photo/2025/03/30/08/07/entomology-9502316_640.jpg" height="200" />
<img src="https://cdn.pixabay.com/photo/2024/08/09/12/04/monstera-8957004_640.jpg" height="200" />
<img src="https://cdn.pixabay.com/photo/2024/11/14/14/58/grass-9197163_640.jpg" height="200" />
<img src="https://cdn.pixabay.com/photo/2024/04/01/13/25/tree-8668939_640.jpg" height="200" />
<img src="https://cdn.pixabay.com/photo/2022/02/05/12/42/sea-of-clouds-6994730_640.jpg" height="200" />
<img src="https://cdn.pixabay.com/photo/2025/03/25/20/34/cat-9493147_640.jpg" height="200" />
<img src="https://cdn.pixabay.com/photo/2025/03/31/12/52/toucan-9504656_640.jpg" height="200" />
<img src="https://cdn.pixabay.com/photo/2024/04/10/22/52/autumn-8688876_640.jpg" height="200" />
</div>
.
ciao
.
Autore
GRazie!!