Артем163,
танцы с бубнами ... кликаем по ссылке, кликаем по всплывшей картинке
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<script type='text/javascript' src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<style type='text/css'>
.min{
width: 300px;
}
#fancybox-inner {
display: none;
}
</style>
<script type='text/javascript'>
$(function(){
n = 0;
var arr = [{
href : '#fancybox-inner',
title : 'max',
aspectRatio : false, fitToView : true
},{href : '#fancybox-inner',
title : 'min',
aspectRatio : true, fitToView : false
}]
$("#fancybox-img, .gallery a").click(function() {
$("#fancybox-img").toggleClass('min');
n = ++n%2
$.fancybox.open(arr[n])
})
});
</script>
</head>
<body>
<ul>
<li>
<p class="gallery">
<a href="#fancybox-inner">
<span id="selection_index9" class="selection_index"></span>Посмотреть отзыв
</a>
</p>
</li>
<li>...</li>
<li>...</li>
</ul>
<div id="fancybox-wrap" >
<div id="fancybox-inner" >
<img id="fancybox-img" src="http://farm8.staticflickr.com/7069/7060779347_fbee5aae15_b.jpg">
</div>
<a id="fancybox-close" style="display: inline;"></a>
<a href="javascript:;" id="fancybox-left" style="display: inline;">
<span class="fancy-ico" id="fancybox-left-ico">
</span>
</a>
<a href="javascript:;" id="fancybox-right" style="display: inline;">
<span class="fancy-ico" id="fancybox-right-ico">
</span>
</a>
<div id="fancybox-title" class="fancybox-title-inside" style="width: 515px; padding-left: 45px; padding-right: 45px; display: block;">
<span>Lorem ipsum dolor sit amet
</span>
</div>
</div>
</body>
</html>