[рони]

Meanna,
аккуратно ставим это ... потом скрипты и стили закачайте к себе

<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>
 <script type='text/javascript' src="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
 <link rel="stylesheet" href="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
 <link rel="stylesheet" href="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script>
$(function() {
   $('[href^="#modal"]').click(function(event) {
      event.stopPropagation();
      event.preventDefault()
      var id = $(this).attr('href');
      $.fancybox.open($("a", $(id)),{
      openEffect	: 'elastic',
      closeEffect	: 'elastic',

      closeBtn		: false,
      autoPlay: true,
      afterLoad: function() {
        this.title = $(this.element[0]).prevAll('h4').text();
    },

      helpers	: {
			title	: {
				type: 'float'
			},
			thumbs	: {
				width	: 50,
				height	: 50
			},
            buttons	: {}

		}})

   })
	});

</script>