Visualizzazione dei risultati da 1 a 10 su 10

Discussione: Galleria di img

  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    344

    Galleria di img

    Ciao,
    devo realizzare un gallery composta da 15 foto piccole, cliccandoci sopra si apre un semplice pop-up con la stessa foto ingrandita.
    Mi consigliate una semplce pagina html che contiene i thumbnails, oppure per questi lavori è meglio andare sul dinamico? In questo ultimo caso come si fa?

    Grazie,
    b.

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    8,013
    Tutto dipende da quanto spesso avrai bisogno di aggiornare la tua galleria o da quante altre gallerie dovrai aggiungere (e in quanto tempo).

    Se tali necessità sono remote, vai tranquillo con (x)html + javascript. Altrimenti orientati per un sistema di creazione di thumbnails e lettura da cartella automatico, via linguaggio lato server - od anche una delle tante gallerie già pronte che necessitano solo di configurazione, vedi ad esempio coppermine.
    <´¯)(¯`¤._)(¯`»ANDREA«´¯)(_.¤´¯)(¯`>
    "The answer to your question is: welcome to tomorrow"

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    344
    Beh, diciamo che almeno una volta l'anno con una quindicina di foto circa dovrò aggiornarla.
    Per imparere Coppermine pensate che può bastare leggere i post nel forum oppure avete qualche guida da consigliarmi?

    Grazie,
    b.

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    8,013
    per frequenza intendevo diverse volte a settimana. Nel tuo caso, coppermine è decisamente sprecata (ed è anche uno spreco di risorse -> necessità di database).

    Comunque, se ti interessa coppermine,
    http://coppermine-gallery.net/index.php
    <´¯)(¯`¤._)(¯`»ANDREA«´¯)(_.¤´¯)(¯`>
    "The answer to your question is: welcome to tomorrow"

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    344
    Ciao,
    vorrei impostare le foto in uno spazio di 600px.
    I thumbanils sono di 120x70 3 righe per 5 colonne.
    C'è una soluzione per fare con i css.
    Grazie,
    barnum

  6. #6
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    8,013
    bhè, se lo spazio è 600px e le thumbnails sono 120px, mi sa che 5 per riga ci stanno ciucciate, ossia sarebbe più una striscia continua...

    Non serve granché di css. Se il contenitore non ammette overflow to basta schiaffarci dentro le 15 immagini e queste si disporranno occupando in orizzontale tutto lo spazio necessario, e quindi ogni 600 px "andranno a capo" da sole.
    <´¯)(¯`¤._)(¯`»ANDREA«´¯)(_.¤´¯)(¯`>
    "The answer to your question is: welcome to tomorrow"

  7. #7
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    344
    Beh, se sono troppo attaccate tra di loro posso anche ridurne il numero.
    Quindi dici che non mi servo i css?Vado con tr e td e via?

    b.

  8. #8
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    8,013
    no, nemmeno! Se le vuoi staccare un po' l'una dall'altra, ti basta
    codice:
    #div_galleria img {
      margin: 5px;
    }
    Anche se oramai siamo in pieno offtopic
    <´¯)(¯`¤._)(¯`»ANDREA«´¯)(_.¤´¯)(¯`>
    "The answer to your question is: welcome to tomorrow"

  9. #9
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    344
    Ciao,
    poichè non ci sarà lo stesso numero di fotografie per ogni sezione devo creare una classe per ogni pagina?
    Nel senso che se io imposto dei margini per una pagina che contiene 15 foto, non è detto che vada bene per una che ne contiene tre, chiaro?

    Quindi come posso fare?

  10. #10
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    8,013
    oppure fai un allineamento al centro del contenitore delle immagini e poi metti i margin alle immagini come sopra. Dovrebbero posizionarsi tutte simmetricamente comunque.
    Dovresti anche chiedere di spostare la discussione in CSS, visto che oramai javascript non c'azzecca più
    <´¯)(¯`¤._)(¯`»ANDREA«´¯)(_.¤´¯)(¯`>
    "The answer to your question is: welcome to tomorrow"

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.