buona sera a tutti,
sono nuovo sia di questo sito e sia nella programmazione html/php e quindi spero di scrivere nel forum giusto.
Sto riscontrando dei problemi di ridimensionamento di immaigni in lightbox 2 quando provo a far usare dei div al php mentre uso mysql per caricarle, mi spiego meglio
Il risultato da me voluto è:
una pagina web dove si vedono una serie di immagini una sotto l'altra con affianco un testo e quando clicco nell'immagine voluta questa si ingrandisce e nella realtà è una specie di gallery.
riporto una immagine di cosa sono riuscito a fare:
img1.jpg
(lasciamo stare i css che devo ancora finirli).
il codice di questa pagina è quanto segue:
/*<?php
//verifico eventuali sessioni aperte e le chiudo(per i furbi).
session_start();
session_unset();
session_destroy();
// Procedimento per connettersi al Database
$host="localhost"; // Hostname
$username="root"; // Mysql username
$password=""; // Mysql password
$db_name="sito"; //Nome del Database
mysql_connect("$host", "$username", "$password")or die("cannot connect");
mysql_select_db("$db_name")or die("cannot select DB");
//link delle immagini nel sito locale
$dir="images";
$thumbs="thumbs";
?>
<html>
<head>
// vari collegamenti a CSS, JS, etc..
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="images/favicon.ico"/>
<title>Sito</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/lightbox.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
</head>
<body>
<div id="menu">
<a href="index.php">HOME</a>
<a href="news.php">NEWS</a>
</div>
//contenitore della gallery e testo
<div style="width: 800px;">
<?php
//raggruppo per gruppo le immagini
$gruppo = mysql_query('SELECT * FROM gruppo') or die();
while ($row = mysql_fetch_array($gruppo)){
//creo il DIV all'interno del contenitore per l'immagine
echo "<div style='float: left; clear: left; height:200px;>";
extract ($row);
// un controllo per non pubblicare tutte le immagini cn stesso gruppo, ma solo la prima in ordine di Id della tabella.
$c=0;
// uso una variabile per registrare il numero di ID_gruppo della tabella gruppo per estrarre solo le immaigni con stesso gruppo.
$f = $id_gruppo;
$immagini = mysql_query("SELECT * FROM immagini where gruppo_immagine = '$f'") or die();
while ($row_img = mysql_fetch_array($immagini)){
extract ($row_img);
if ($c!=1){
//pubblico la prima immagine in ordine di ID e gli do dimensione in altezza pari al DIV
echo "<a data-lightbox='".$nome_gruppo."' href='".$dir."/".$nome_immagine."'><img src='".$dir."/".$nome_immagine."' height='200px'></a>";
$c=1;
}
else{
//raccolgo le altre immagini per utilizzarle con lightbox
echo "<a data-lightbox='".$nome_gruppo."' href='".$dir."/".$nome_immagine."'></a>";
}
}
echo "</div>";//chiudo il DIV immagine
//creo il div per il testo della pagina quello che nella foto sopra vedete con prova e prova 1
echo "<div style='float:right; clear:right; height:200px;>";
echo $testo;
echo "</div>";
}
?>
</div>//chiudo il div gallery
</body>
</html>
*/
Purtroppo quando modifico l'altezza dei DIV oppure la grandezza del'immagine per far sì che ci stiano più righe in una pagina, queste modifiche vengono prese anche dal lightbox che mi ridimensiona le immagini e quindi non riesco a vedere le immagini nella loro naturale grandezza.
Es. nella foto sopra l'immagine 2 è grande 640x640 ma dando le dimensioni come nel codice quando vado a cliccare l'immagine per avere l'effetto lightbox questa viene fuori 200x200 e non 640x640.
La domanda a questo punto è cosa devo fare per risolvere il problema ?
Grazie
Kermadec
Rispondi quotando
