piraids,
выделяем нужные фото галочкой и жмём на фото
<!doctype html>
<html>
<head>
<base href="http://learn.javascript.ru/files/tutorial/browser/events/gallery/">
<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<script>
jQuery(document).ready(function () {
jQuery('#thumbs a').click(function(event){
event.preventDefault()
});
jQuery('input:checkbox').click(function(){
jQuery.colorbox.remove()
jQuery('input:checked').prev().colorbox({rel:'test'})
});
});
</script>
<style type="text/css">
body{margin:0;padding:0}
#thumbs a:hover{border:#F90}
#thumbs li{list-style:none;display:inline-block}
#thumbs{margin:5% auto;padding:0; width: 550px;}
#thumbs input{ display: block; margin: 0% auto}
</style>
</head>
<body>
<ul id="thumbs">
<li><a href="img2-lg.jpg" title="Image 2"><img src="img2-thumb.jpg"></a><input name="" type="checkbox" ></li>
<li><a href="img3-lg.jpg" title="Image 3"><img src="img3-thumb.jpg"></a><input name="" type="checkbox" ></li>
<li><a href="img4-lg.jpg" title="Image 4"><img src="img4-thumb.jpg"></a><input name="" type="checkbox" ></li>
<li><a href="img5-lg.jpg" title="Image 5"><img src="img5-thumb.jpg"></a><input name="" type="checkbox" ></li>
<li><a href="img6-lg.jpg" title="Image 6"><img src="img6-thumb.jpg"></a><input name="" type="checkbox" ></li>
</ul>
</body>
</html>