Dreamweaver: disposizione immagini dal database

Di: alberigo | 26/09/2020 17:22:52
Avrei l'esigenza che le immagini memorizzate in un db vengano presentate sulla pagina una una affiancata all'altra, ovviamente su più righe. Ad esempio: 16 immagini disposte su quattro righe, quattro per ogni riga.
Come posso fare?
Grazie

Risposte



E te lo dobbiamo scrivere noi il codice?

Di: Pablito | 26/09/2020 17:22:52


Hai forse letto questo nella mia domanda
Chiedevo semplicemente un'idea di come fare...poi mi arrangio benissimo da solo senza disturbare nessuno...
In tutte le mie richieste di aiuto non mi sembra di aver chiesto a nessuno di prepararmi la pappa...

Di: alberigo | 26/09/2020 17:23:52


[USER]alberigo[/USER]

Avrei l'esigenza che le immagini memorizzate in un db vengano presentate sulla pagina una una affiancata all'altra, ovviamente su più righe. Ad esempio: 16 immagini disposte su quattro righe, quattro per ogni riga.
Come posso fare?

È che la risposta mi pare scontata... per mettere 16 immagini su quattro righe basta inserire una tabella con 4 colonne e 4 righe.

Di: Pablito | 26/09/2020 17:23:52


Ho capito: mi sono espresso male. La mia intenzione è quella che all'apertura della pagina le immagini vengano automaticamente recuperate dal database e disposte su più righe. Io riesco a recuperarle ma mi vengono inserite una di seguito all'altra. Poichè le immagini sono sempre in numero variabile, vorrei evitare che venissero inserite in un'unica colonna.
Ad esempio: una volta sono 16, allora quattro righe da 4 foto, una volta sono 10 allora due righe da quattro e una da due. Una cosa del genere.
Però mi è sorto il dubbio che forse dovrebbe essere uno script in ASP a risolvermi il problema e non dreamweaver.

Di: alberigo | 26/09/2020 17:23:52


La disposizione che vuoi la ottieni con il css, lascia stare le tabelle.
Per farlo bisognerebbe sapere com'è strutturata la tua pagina,
in ogni caso puoi utilizzare un "div" contenitore, poi affiancherai le img al suo interno grazie alla proprietà "float" e le spazierai tra loro utilizzando "margin".
Es.
.div_contenitore{
width:900px;
float:left;
display:inline;
padding:10px 10px;
}
.div_contenitore img{
width:200px;
height:150px;
float:left;
display:inline;
margin:10px 10px;
}
Dovrebbe bastare per sistemartelo

Di: goku | 26/09/2020 17:23:52


Per allineare le foto estratte da un database, ci vuole del codice di programmazione. In php e Mysql, ad esempio, la procedura non è complicata ma bisogna conoscerla. In DW, dopo aver creato opportunamente il recordset per l'estrazione dinamica dei vari campi, nel quale presumo ci sia anche il campo "foto", fai click sull'icona delle immagini, selezioni il pulsante di scelta "Origine dati", scegli il campo "foto" e dai Ok. Nella pagina ti apparirà il simbolo dell'immagine dinamica. Dopodiché bisogna intervenire manualmente sul codice e creare un ciclo "do while". Stabilito che abbia rispettato tutti i passaggi preliminari, dalla connessione al db, all'estrazione del "campo foto" dal recordset, il codice seguente ti permetterà di allineare dinamicamente le immagini:
<table border="0">
<tr>
<?php
do {
?>
<td><img src="<?php echo $row_rs_foto['foto']; ?>" /></td>
<?php
$row_rs_foto = mysql_fetch_assoc($rs_foto);
if (!isset($nested_rs_foto)) {
$nested_rs_foto= 1;
}
if (isset($row_rs_foto) && is_array($row_rs_foto) && $nested_rs_foto++ % 4==0) {
echo "</tr><tr>";
}
} while ($row_rs_foto);
?>
</tr>
</table>
Puoi capire da solo che in questo caso saranno allineate quattro foto per riga. Il risultato dovrebbe essere simile al contenuto che vedi nel link a seguire, la differenza è che ho estratto anche le descrizioni sopra e sotto la foto http://viaggi.turismonews.it/ Con i fogli di stile farai il resto... per renderle più accattivanti. Tale tecnica, tuttavia, non va bene con i DIV, chi ha un po' di dimestichezza col php, si accorgerà che la ripetizione avviene sulle righe: echo "</tr><tr>";

Di: Gian Paolo | 26/09/2020 17:23:52


Grazie per l'aiuto. Conosco php ma purtroppo ho dovuto realizzare il sito in asp che conosco meno di php. Tuttavia dai suggerimenti di Gian Paolo non dovrei aver problemi a convertirlo in asp.
Grazie di nuovo a tutti.

Di: alberigo | 26/09/2020 17:23:52