Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Box immagini di dimesione unificata su galleria immagini

    Ciao
    domanda semplice ( ma non per me )

    Ho una galleria di immagini, una la prima immagine diciamo in thumbinal e cliccandoci l'immagine va a dimesioni normali con effetto lightbox.

    queste immagini inizialmente sono in griglia, solo che assumono tutte dimensioni diverse invece io vorrei ad esempio una file con 5 immagini in riquadro.

    codice HTML:
    <div class="col-xs-6 col-md-3">                        
       <a href="imm/pics/<%response.write sqlRS("nome")%>" class="thumbnail" rel="lightbox[BAGNO]" title="Clicca in alto per passare alla foto successiva/precedente.">                            
    <img src="imm/thumb/<%response.writesqlRS("nome")%>">
    </a>
    </div>

  2. #2
    Se vuoi che le immagini abbiano tutte la stessa larghezza ed altezza, potresti usare la classe "thumbnail" che hai nel link per formattarle, aggiungendo ai tuoi css:

    codice:
    .thumbnail img{
        width:100%; /* visto che siamo nella griglia di bootstrap */
        height:90px;
    }
    Naturalmente se hai sia immagini "verticali" che "orizzontali" alcune potrebbero risultare un po' distorte.

    P.S.: l'attributo "alt", nel tag img, dovrebbe sempre essere presente.

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 © 2024 vBulletin Solutions, Inc. All rights reserved.