Яндекс фотогалерея. Прокрутка картинок с помощью мыши Яндекс фотогалерея. Прокрутка картинок с помощью мыши - Архив
Яндекс фотогалерея. Прокрутка картинок с помощью мыши
DownLoad_Free

Яндекс фотогалерея. Прокрутка картинок с помощью мыши - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Яндекс фотогалерея. Прокрутка картинок с помощью мыши (Просмотр картинок как на Yandex)
Яндекс фотогалерея. Прокрутка картинок с помощью мыши
Дата: Понедельник, 15.11.2010, 00:18 | Сообщение # 1
Группа: Администраторы
Сообщений: 1527
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

 
Архив » История мировых и локальных событий » История развития сайта » Яндекс фотогалерея. Прокрутка картинок с помощью мыши (Просмотр картинок как на Yandex)
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2017Хостинг от uCoz
^ Наверх ^
Пригодилось!