Библиотека jQuery+prettyPhoto clone Lightbox Открытие видео (флеш)

Flash

<!DOCTYPE html>
<html>
<head>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<title>Библиотека jQuery+prettyPhoto  clone Lightbox Открытие видео (флеш)</title>
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet"  />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" ></script>

<style type="text/css" media="screen">
	* { margin: 0; padding: 0; }
	
	body {
background: #282828;
font: 62.5%/1.2 Arial, Verdana, Sans-Serif;
padding: 0 20px;
	}
	
	h1 { font-family: Georgia; font-style: italic; margin-bottom: 10px; }
	
	h2 {
font-family: Georgia;
font-style: italic;
margin: 25px 0 5px 0;
	}
	
	p { font-size: 1.2em; }
	
	ul li { display: inline; }
	
	.wide {
border-bottom: 1px #000 solid;
width: 4000px;
	}
	
	.fleft { float: left; margin: 0 20px 0 0; }
	
	.cboth { clear: both; }
	
	#main {
background: #fff;
margin: 0 auto;
padding: 30px;
width: 1000px;
	}
</style>
	</head>
	<body>
<h2>Flash</h2>
<ul class="gallery clearfix">
	<li><a href="1.swf?width=792&height=294" rel="prettyPhoto[flash]" title="Flash 10 demo"><img src="images/thumbnails/flash-logo.png" width="60" alt="Flash 10 demo" /></a></li>
</ul>
	<script type="text/javascript" >
	$(document).ready(function(){
$("area[rel^='prettyPhoto']").prettyPhoto();
$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: false});
	});
	</script>
<script src="https://www.03www.ru/js/niz.js" type="text/javascript"></script>
 <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(53156500, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/53156500" style="position:absolute; left:-9999px;" alt="" /></div></noscript> </body>
</html>

jquery-1.6.1.min.js (91 kB)

prettyPhoto.css (20 kB)

jquery.prettyPhoto.js (25 kB)

images.zip (100kB)