Здравейте
как мога да направя така че като се щракне на малката снимка да излиза в по голям вариант а като се щракне на голямата да се зарежда lightbox-a ето пример http://www.partnerbolgaria.ru/ru/estates/detailed/602
Аз имам следния код
как мога да направя така че като се щракне на малката снимка да излиза в по голям вариант а като се щракне на голямата да се зарежда lightbox-a ето пример http://www.partnerbolgaria.ru/ru/estates/detailed/602
Аз имам следния код
Код:
<?php
$id = $_GET['id'];
if ($id) {
$query = mysql_query("SELECT * FROM `files_1` WHERE id='$id' ORDER BY `id` DESC");
}
if (mysql_num_rows($query) > 0)
{
echo "<div id='index-NOV-17_'>";
while ($row = mysql_fetch_array($query))
{
$size = resize_big($row['pic']);
$size1 = resize_small($row['pic1']);
$size2 = resize_small($row['pic2']);
$size3 = resize_small($row['pic3']);
$size4 = resize_small($row['pic4']);
$size5 = resize_small($row['pic5']);
$size6 = resize_small($row['pic6']);
$size7 = resize_small($row['pic7']);
echo "
<a style = 'padding-bottom:20px; position:relative; top:10px; left:35px;' href= '$row[pic]'rel='lightbox[roadtrip]' ><img style = '' src='$row[pic]' width='$size[width1]' height='$size[height1]' border='0'></a>
<table>
<td><a style = 'position:relative; top:20px; left:35px;' href= '$row[pic1] 'rel='lightbox[roadtrip]' ><img style = 'border:2px solid #fddd01;' src='$row[pic1]' width='$size1[width2]' height='$size1[height2]' border='0' ></a></td>
<td><a style = 'position:relative; top:20px; left:35px;' href= '$row[pic2]' rel='lightbox[roadtrip]' ><img style = 'border:2px solid #fddd01;' src='$row[pic2]' width='$size2[width2]' height='$size2[height2]' border='0'></a></td>
<td><a style = 'position:relative; top:20px; left:35px;' href= '$row[pic3]'rel='lightbox[roadtrip]' ><img style = 'border:2px solid #fddd01;' src='$row[pic3]' width='$size3[width2]' height='$size3[height2]' border='0'></a></td>
<tr><td><a style = 'position:relative; top:20px; left:35px;' href= '$row[pic4]'rel='lightbox[roadtrip]' ><img style = 'border:2px solid #fddd01;' src='$row[pic4]' width='$size4[width2]' height='$size4[height2]' border='0'></a></td>
<td><a style = 'position:relative; top:20px; left:35px;' href= '$row[pic5]'rel='lightbox[roadtrip]' ><img style = 'border:2px solid #fddd01;' src='$row[pic5]' width='$size5[width2]' height='$size5[height2]' border='0'></a></td>
<td><a style = 'position:relative; top:20px; left:35px;' href= '$row[pic6]'rel='lightbox[roadtrip]' ><img style = 'border:2px solid #fddd01;' src='$row[pic6]' width='$size6[width2]' height='$size6[height2]' border='0'></a></td></tr>
</table>
<a style = 'position:absolute; top:30px; left:370px;' href= '$row[pic7]'rel='lightbox' ><img style = 'border:2px solid #fddd01;' src='$row[pic7]' width='$size7[width2]' height='$size7[height2]' border='0'></a>
";
}
echo "</div>";
}
?>