<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>…</title>
<link rel="stylesheet" href="http://jscore.ru/fancybox/jquery.fancybox-1.3.4.css">
</head>
<body>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://jscore.ru/fancybox/jquery.fancybox-1.3.4.js"></script>
<script>
$("a.gallery2").live("click", function (event) {
event.preventDefault();
$.fancybox({
href: this.href,
marginTop: -5,
padding: 15,
imageScale: false,
zoomOpacity: false,
zoomSpeedIn: 1000,
zoomSpeedOut: 1000,
zoomSpeedChange: 1000,
frameWidth: 850,
frameHeight: 880,
overlayShow: true,
overlayOpacity: 0.8,
hideOnContentClick: false,
centerOnScroll: false
});
});
</script>
<ul>
<li><a class="gallery2" href="http://farm5.static.flickr.com/4058/4252054277_f0fa91e026.jpg">img 1</a></li>
<li><a class="gallery2" href="http://farm3.static.flickr.com/2647/3867677191_04d8d52b1a.jpg">img 2</a></li>
<li><a class="gallery2" href="http://farm3.static.flickr.com/2775/4110967360_661cd9d99e.jpg">img 3</a></li>
<li><a class="gallery2" href="http://farm3.static.flickr.com/2591/4135665747_3091966c91.jpg">img 4</a></li>
</ul>
</body>
</html>