Галерия помощ

teroristd

Registered
Здравейте
как мога да направя така че като се щракне на малката снимка да излиза в по голям вариант а като се щракне на голямата да се зарежда 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>";
	}
	
	
	
	?>
 

Back
Горе