JavaScript & JQuery код просмотра картинок
---------------------------------------------------------------- <html>
<head>
<title>Scroll Photo Gallery</title>
<meta name="description" content="Scroll Photo Gallery" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="scroll_karus_style.css" type="text/css" rel="stylesheet" />
<script src='http://ludmila.nsk.su/prettyPhoto/js/jquery.js' type='text/javascript' charset='utf-8'></script>
<link rel='stylesheet' href='http://ludmila.nsk.su/prettyPhoto/css/prettyPhoto.css' />
<script src='http://ludmila.nsk.su/prettyPhoto/js/jquery.prettyPhoto.js' type='text/javascript' charset='utf-8'></script>
</head>
<body>
<script type='text/javascript' charset='utf-8'>
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
<script type="text/javascript" src="http://ludmila.nsk.su/scroll_karusel/js/carousel.packer.js"></script>
<script type="text/javascript" src="http://ludmila.nsk.su/scroll_karusel/js/jquery.mousewheel.packer.js"></script>
<div class="carousel" id="carousel">
<div class="carousel-button carousel-left" id="carousel-left" title="Сюда">
<span style='color:#f00;'>Сюда</span>
</div>
<div class="items-container" id="items-container" style='height:250px'>
<div class="resize">
<ul id="items-container-inner" >
<li><a href="http://www.dosug.cz/servlet/image/886358" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/886358" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/886360" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/886360" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/874218" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/874218" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/690677" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/690677" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/615844" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/615844" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/654011" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/654011" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/555152" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/555152" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/693333" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/693333" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/715378" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/715378" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/888478" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/888478" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/816197" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/816197" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/494875" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/494875" width='170' height='250' /></a></li>
<li><a href="http://www.dosug.cz/servlet/image/494881" rel='prettyPhoto[pp_gal]' ><img src="http://www.dosug.cz/servlet/image/494881" width='170' height='250' /></a></li>
</ul>
</div>
</div>
<div class="carousel-button carousel-right" id="carousel-right" title="Туда">
<span style='color:#f00;'>Туда</span></div>
</div>
</div>
<script type="text/javascript" src="http://ludmila.nsk.su/scroll_karusel/js/carousel.js"></script>
</body></html>
-----------------------------------
Пример: http://kachay.ucoz.org/scroll_karusel/karusel_scroll.htm
Играйте бесплатно в 
