Страница с выбором камер: HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Pragma" content="no-cache" /> <link rel="icon" href="http://premier.gov.ru/img/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://premier.gov.ru/img/favicon.ico" type="image/x-icon" /> <title>Сайт Председателя Правительства Российской Федерации В.В.Путина </title> <link rel="alternate" type="application/rss+xml" title="" href="http://premier.gov.ru/services/rss/" /> <link rel="stylesheet" type="text/css" href="/css/styles.css?8387"/> <link rel="stylesheet" type="text/css" href="/css/milkbox.css?6301"/> <link rel="stylesheet" type="text/css" href="/css/photopage.css?6594"/> <link rel="stylesheet" type="text/css" href="/css/additional.css?9726"/> <link rel="stylesheet" type="text/css" href="/css/construction.css?9726"/> <!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/stylesIE6.css"><![endif]--> <!--[if IE 7]><link rel="stylesheet" type="text/css" href="/css/stylesIE7.css"><![endif]--> <script type="text/javascript" src="/js/mootools-1.2.1-core.js?2848"></script> <script type="text/javascript" src="/js/mootools-1.2-more.js?2848"></script> <script type="text/javascript" src="/js/utils.js?9853"></script> <script type="text/javascript" src="/js/milkbox.cur.js?8390"></script> <script type="text/javascript" src="/js/mootools-1.2-more.js?2848"></script> <script type="text/javascript" src="/js/photos.js?2224"></script> <script type="text/javascript" src="/js/hashController.js?5544"></script> <script type="text/javascript" src="/js/domscroll.js?7872"></script> <script type="text/javascript" src="/js/calendar.js?7547"></script> <script type="text/javascript" src="/js/vlaCal-v2.1.js?6306"></script> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="/css/ie6dead.css"/> <script type="text/javascript" src="/js/ie6dead.js"></script> <![endif]--> <script language="javascript" type="text/javascript" > var prefix = ''; var MONTHNAMES=['января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря']; </script> </head> <body> <!-- CALENDAR --> <!-- CALENDAR END --> <!-- PODCASTS --> <!-- PODCASTS END --> <div class="header-white"> <div class="wrap"> <div class="header"> <div class="inner"> <div class="per2 empty"></div> <div class="per12"> <a href="http://government.ru/"><img width="117px" height="119px" alt="Правительство Российской Федерации" src="/img/img3/b01/logo-blue.gif" class="logo_img" /></a> </div> <div class="per3 flag empty"></div> <div class="per15 putin empty"></div> <div class="per24 caption"> <div class="chiefpage"> <a href="/">САЙТ ПРЕДСЕДАТЕЛЯ ПРАВИТЕЛЬСТВА РФ ВЛАДИМИРА ПУТИНА</a></div> </div> <div class="per18 topmenu1"> <div class="ver"> <p> <a href="/eng/">English</a> </p> </div> <div class="sub"> <p > <a href="/events/">События</a> </p><p > <a href="/points/">С точки зрения</a> </p><p > <a href="http://government.ru/multimedia/">Мультимедиа</a> </p> </div> </div> <div class="per24 topmenu2"> <div class="search"> <form id="footer_search_form" class="search_form" action="/search/" method="get"> <input id="field-search" type="text" value=" поиск по сайту" size="10" class="search_term" name="query" /> <input id="footer_search_button" type="submit" value="" class="gosearch" name="gosearch" /> </form> </div> <div class="sub"> <p > <a href="/premier/biography.html">Председатель Правительства РФ</a> </p><p > <a href="/premier/photos/">Фотоальбом Путина</a> </p><p > <a href="/mail/step1.html">Письмо Премьеру</a> </p> </div> </div> <div class="per2 empty"></div> </div> </div> </div> </div> <div class="subheader"> <div class="wrap"> <div class="inner"> <div class="per2 empty"> </div> <div class="per96 caption"> <div class="cap"> <a href="#">Онлайн-трансляция строительства жилья<br />для пострадавших от природных пожаров</a> </div> </div> <div class="per2 empty"> </div> </div> </div> </div> <div class="wrap"> <div class="row"> <div class="b24-constructionAnnounces"> <div class="wrap"> <div class="per2"> </div> <div class="per25" style="margin-top: 12px;"> <a href="http://premier.gov.ru/fire/"> <img width="280" height="67" alt="Меры Правительства Российской Федерации по борьбе с лесными пожарами и оказанию помощи населению" title="Меры Правительства Российской Федерации по борьбе с лесными пожарами и оказанию помощи населению" src="/img/img3/b24/announce1.png" /> </a> </div> </div> </div> </div> <div class="row"> <div class="b23-villagesList"> <div class="wrap"> <script type="text/javascript"> window.addEvent('domready', function(){ var conf = [ {title:'г. Инза', photo: '/media/fire/villages/1.jpeg', area: 'Ульяновская область', link: '1.html'} , {title:'д. Подлясово', photo: '/media/fire/villages/3.jpeg', area: 'Республика Мордовия', link: '3.html'} , {title:'д. Вадовские Селищи', photo: '/media/fire/villages/4.jpeg', area: 'Республика Мордовия', link: '4.html'} , {title:'п. Верхняя Верея', photo: '/media/fire/villages/5.jpeg', area: 'Нижегородская область', link: '5.html'} , {title:'с. Борковка', photo: '/media/fire/villages/6.jpeg', area: 'Нижегородская область', link: '6.html'} , {title:'с. Тамболес', photo: '/media/fire/villages/7.jpeg', area: 'Нижегородская область', link: '7.html'} , {title:'с. Ольховатка', photo: '/media/fire/villages/8.jpeg', area: 'Воронежская область', link: '8.html'} , {title:'с. Незнамово', photo: '/media/fire/villages/9.jpeg', area: 'Белгородская область', link: '9.html'} , {title:'с. Иватино', photo: '/media/fire/villages/10.jpeg', area: 'Владимирская область', link: '10.html'} , {title:'п. Мугреевский', photo: '/media/fire/villages/11.jpeg', area: 'Ивановская область', link: '11.html'} , {title:'с. Излегоще', photo: '/media/fire/villages/12.jpeg', area: 'Липецкая область', link: '12.html'} , {title:'с. Усмань', photo: '/media/fire/villages/13.jpeg', area: 'Липецкая область', link: '13.html'} , {title:'д. Большая Суворовка', photo: '/media/fire/villages/14.jpeg', area: 'Липецкая область', link: '14.html'} , {title:'п. Лебяжье', photo: '/media/fire/villages/15.jpeg', area: 'Липецкая область', link: '15.html'} , {title:'с. Донское', photo: '/media/fire/villages/16.jpeg', area: 'Липецкая область', link: '16.html'} , {title:'с. Бутырки', photo: '/media/fire/villages/17.jpeg', area: 'Липецкая область', link: '17.html'} , {title:'п. Дальний', photo: '/media/fire/villages/18.jpeg', area: 'Липецкая область', link: '18.html'} , {title:'п. Белоомут', photo: '/media/fire/villages/19.jpeg', area: 'Московская область', link: '19.html'} , {title:'д. Негомож', photo: '/media/fire/villages/20.jpeg', area: 'Московская область', link: '20.html'} , {title:'п. Ласковский', photo: '/media/fire/villages/21.jpeg', area: 'Рязанская область', link: '21.html'} , {title:'п. Передельцы', photo: '/media/fire/villages/22.jpeg', area: 'Рязанская область', link: '22.html'} , {title:'с. Криуша', photo: '/media/fire/villages/23.jpeg', area: 'Рязанская область', link: '23.html'} , {title:'с. Шехмино', photo: '/media/fire/villages/24.jpeg', area: 'Рязанская область', link: '24.html'} , {title:'с. Картаносово', photo: '/media/fire/villages/26.jpeg', area: 'Рязанская область', link: '26.html'} , {title:'с. Масловка', photo: '/media/fire/villages/28.jpeg', area: 'Воронежская область', link: '28.html'} , {title:'д. Свеженькая', photo: '/media/fire/villages/30.jpeg', area: 'Республика Мордовия', link: '30.html'} , {title:'п. Зубова Поляна', photo: '/media/fire/villages/32.jpeg', area: 'Республика Мордовия', link: '32.html'} , {title:'д. Гороховка', photo: '/media/fire/villages/33.jpeg', area: 'Воронежская область', link: '33.html'} , {title:'д. Хреновое', photo: '/media/fire/villages/34.jpeg', area: 'Воронежская область', link: '34.html'} , {title:'д. Шуберское', photo: '/media/fire/villages/35.jpeg', area: 'Воронежская область', link: '35.html'} ]; function itemConstructor(item, index) { var mainDiv = new Element('div', {'class':'village'}); var imageDiv = new Element('div', {'class':'image'}); var captionDiv = new Element('div', {'class':'caption'}); mainDiv.adopt(imageDiv, captionDiv); var imageA = null; var captionA = null; if (item.link) { var link = item.link + '?pos=' + hashController.params.pos; imageA = new Element('a', {'href':link}); captionA = new Element('a', {'href':link}); imageDiv.adopt(imageA); captionDiv.adopt(captionA); } Element('img', { 'width':'212px', 'height':'106px', 'alt':'', 'src': item.photo }).inject(imageA?imageA:imageDiv); Element('p', { 'class': 'name', 'text': item.title }).inject(captionA?captionA:captionDiv); Element('p', { 'class': 'area', text: item.area }).inject(captionA?captionA:captionDiv); return mainDiv; }; var domScroll = new DomScroll({ conf: conf, listByOne:false, containerId:'village-container', leftButton:'left-button', rightButton:'right-button', itemConstructor:itemConstructor, useHash:true, count: 12 }); var hashChanged = function(changed, params){ domScroll.scrollTo(params.pos); domScroll.updateButtonsLinks(); }; hashController.addParam("pos", new CINT(0)); hashController.addHandler(hashChanged); hashController.timeout = 1000; hashController.run(1); }); </script> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td> </td> <td width="30"> <a id="left-button" class="hide" href="#"> <img width="29px" height="82px" alt="" src="/img/img3/b23/btLeft.gif" /> </a> </td> <td width="16"></td> <td id="village-container" width="896" class="list2"> </td> <td width="16"></td> <td width="30"> <a id="right-button" class="hide" href="#"> <img width="29px" height="82px" alt="" src="/img/img3/b23/btRight.gif" /> </a> </td> <td> </td> </tr> </table> </div> </div> </div> <!-- ROW --> <div class="row"> <div class="b13-footer"> <div class="row"> <div class="per2 empty"></div> <div class="per96"> <div class="b12-hr-2"></div> </div> <div class="per2 empty"></div> </div> <div class="redlinks"> <div class="per2 empty"> </div> <div class="per78"> <div class="contactlinks"> <a href="/subscription/">Подписка</a> / <a href="/services/rss/">Экспорт новостей (RSS)</a> / <a href="/pda/">PDA</a> / <a href="/smsalert/">SMS-alert</a> </div> </div> <div class="per18"> <div class="map_info"> <div><a class="info" href="/about.html" >Информация о сайте</a></div> <div><!-- a class="map" href="#">карта сайта</a --></div> </div> </div> <div class="per2 empty"> </div> </div> </div> </div> <!-- ROW END --> </div> </body> </html>
HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Pragma" content="no-cache" /> <link rel="icon" href="http://premier.gov.ru/img/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://premier.gov.ru/img/favicon.ico" type="image/x-icon" /> <title>Сайт Председателя Правительства Российской Федерации В.В.Путина </title> <link rel="alternate" type="application/rss+xml" title="" href="http://premier.gov.ru/services/rss/" /> <link rel="stylesheet" type="text/css" href="/css/styles.css?8387"/> <link rel="stylesheet" type="text/css" href="/css/milkbox.css?6301"/> <link rel="stylesheet" type="text/css" href="/css/photopage.css?6594"/> <link rel="stylesheet" type="text/css" href="/css/additional.css?9726"/> <link rel="stylesheet" type="text/css" href="/css/construction.css?9726"/> <!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/stylesIE6.css"><![endif]--> <!--[if IE 7]><link rel="stylesheet" type="text/css" href="/css/stylesIE7.css"><![endif]--> <script type="text/javascript" src="/js/mootools-1.2.1-core.js?2848"></script> <script type="text/javascript" src="/js/mootools-1.2-more.js?2848"></script> <script type="text/javascript" src="/js/utils.js?9853"></script> <script type="text/javascript" src="/js/milkbox.cur.js?8390"></script> <script type="text/javascript" src="/js/mootools-1.2-more.js?2848"></script> <script type="text/javascript" src="/js/photos.js?2224"></script> <script type="text/javascript" src="/js/hashController.js?5544"></script> <script type="text/javascript" src="/js/domscroll.js?7872"></script> <script type="text/javascript" src="/js/calendar.js?7547"></script> <script type="text/javascript" src="/js/vlaCal-v2.1.js?6306"></script> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="/css/ie6dead.css"/> <script type="text/javascript" src="/js/ie6dead.js"></script> <![endif]--> <script language="javascript" type="text/javascript" > var prefix = ''; var MONTHNAMES=['января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря']; </script> </head> <body> <!-- CALENDAR --> <!-- CALENDAR END --> <!-- PODCASTS --> <!-- PODCASTS END --> <div class="header-white"> <div class="wrap"> <div class="header"> <div class="inner"> <div class="per2 empty"></div> <div class="per12"> <a href="http://government.ru/"><img width="117px" height="119px" alt="Правительство Российской Федерации" src="/img/img3/b01/logo-blue.gif" class="logo_img" /></a> </div> <div class="per3 flag empty"></div> <div class="per15 putin empty"></div> <div class="per24 caption"> <div class="chiefpage"> <a href="/">САЙТ ПРЕДСЕДАТЕЛЯ ПРАВИТЕЛЬСТВА РФ ВЛАДИМИРА ПУТИНА</a></div> </div> <div class="per18 topmenu1"> <div class="ver"> <p> <a href="/eng/">English</a> </p> </div> <div class="sub"> <p > <a href="/events/">События</a> </p><p > <a href="/points/">С точки зрения</a> </p><p > <a href="http://government.ru/multimedia/">Мультимедиа</a> </p> </div> </div> <div class="per24 topmenu2"> <div class="search"> <form id="footer_search_form" class="search_form" action="/search/" method="get"> <input id="field-search" type="text" value=" поиск по сайту" size="10" class="search_term" name="query" /> <input id="footer_search_button" type="submit" value="" class="gosearch" name="gosearch" /> </form> </div> <div class="sub"> <p > <a href="/premier/biography.html">Председатель Правительства РФ</a> </p><p > <a href="/premier/photos/">Фотоальбом Путина</a> </p><p > <a href="/mail/step1.html">Письмо Премьеру</a> </p> </div> </div> <div class="per2 empty"></div> </div> </div> </div> </div> <div class="subheader"> <div class="wrap"> <div class="inner"> <div class="per2 empty"> </div> <div class="per96 caption"> <div class="cap"> <a href="#">Онлайн-трансляция строительства жилья<br />для пострадавших от природных пожаров</a> </div> </div> <div class="per2 empty"> </div> </div> </div> </div> <div class="wrap"> <div class="row"> <div class="b24-constructionAnnounces"> <div class="wrap"> <div class="per2"> </div> <div class="per25" style="margin-top: 12px;"> <a href="http://premier.gov.ru/fire/"> <img width="280" height="67" alt="Меры Правительства Российской Федерации по борьбе с лесными пожарами и оказанию помощи населению" title="Меры Правительства Российской Федерации по борьбе с лесными пожарами и оказанию помощи населению" src="/img/img3/b24/announce1.png" /> </a> </div> </div> </div> </div> <div class="row"> <div class="b23-villagesList"> <div class="wrap"> <script type="text/javascript"> window.addEvent('domready', function(){ var conf = [ {title:'г. Инза', photo: '/media/fire/villages/1.jpeg', area: 'Ульяновская область', link: '1.html'} , {title:'д. Подлясово', photo: '/media/fire/villages/3.jpeg', area: 'Республика Мордовия', link: '3.html'} , {title:'д. Вадовские Селищи', photo: '/media/fire/villages/4.jpeg', area: 'Республика Мордовия', link: '4.html'} , {title:'п. Верхняя Верея', photo: '/media/fire/villages/5.jpeg', area: 'Нижегородская область', link: '5.html'} , {title:'с. Борковка', photo: '/media/fire/villages/6.jpeg', area: 'Нижегородская область', link: '6.html'} , {title:'с. Тамболес', photo: '/media/fire/villages/7.jpeg', area: 'Нижегородская область', link: '7.html'} , {title:'с. Ольховатка', photo: '/media/fire/villages/8.jpeg', area: 'Воронежская область', link: '8.html'} , {title:'с. Незнамово', photo: '/media/fire/villages/9.jpeg', area: 'Белгородская область', link: '9.html'} , {title:'с. Иватино', photo: '/media/fire/villages/10.jpeg', area: 'Владимирская область', link: '10.html'} , {title:'п. Мугреевский', photo: '/media/fire/villages/11.jpeg', area: 'Ивановская область', link: '11.html'} , {title:'с. Излегоще', photo: '/media/fire/villages/12.jpeg', area: 'Липецкая область', link: '12.html'} , {title:'с. Усмань', photo: '/media/fire/villages/13.jpeg', area: 'Липецкая область', link: '13.html'} , {title:'д. Большая Суворовка', photo: '/media/fire/villages/14.jpeg', area: 'Липецкая область', link: '14.html'} , {title:'п. Лебяжье', photo: '/media/fire/villages/15.jpeg', area: 'Липецкая область', link: '15.html'} , {title:'с. Донское', photo: '/media/fire/villages/16.jpeg', area: 'Липецкая область', link: '16.html'} , {title:'с. Бутырки', photo: '/media/fire/villages/17.jpeg', area: 'Липецкая область', link: '17.html'} , {title:'п. Дальний', photo: '/media/fire/villages/18.jpeg', area: 'Липецкая область', link: '18.html'} , {title:'п. Белоомут', photo: '/media/fire/villages/19.jpeg', area: 'Московская область', link: '19.html'} , {title:'д. Негомож', photo: '/media/fire/villages/20.jpeg', area: 'Московская область', link: '20.html'} , {title:'п. Ласковский', photo: '/media/fire/villages/21.jpeg', area: 'Рязанская область', link: '21.html'} , {title:'п. Передельцы', photo: '/media/fire/villages/22.jpeg', area: 'Рязанская область', link: '22.html'} , {title:'с. Криуша', photo: '/media/fire/villages/23.jpeg', area: 'Рязанская область', link: '23.html'} , {title:'с. Шехмино', photo: '/media/fire/villages/24.jpeg', area: 'Рязанская область', link: '24.html'} , {title:'с. Картаносово', photo: '/media/fire/villages/26.jpeg', area: 'Рязанская область', link: '26.html'} , {title:'с. Масловка', photo: '/media/fire/villages/28.jpeg', area: 'Воронежская область', link: '28.html'} , {title:'д. Свеженькая', photo: '/media/fire/villages/30.jpeg', area: 'Республика Мордовия', link: '30.html'} , {title:'п. Зубова Поляна', photo: '/media/fire/villages/32.jpeg', area: 'Республика Мордовия', link: '32.html'} , {title:'д. Гороховка', photo: '/media/fire/villages/33.jpeg', area: 'Воронежская область', link: '33.html'} , {title:'д. Хреновое', photo: '/media/fire/villages/34.jpeg', area: 'Воронежская область', link: '34.html'} , {title:'д. Шуберское', photo: '/media/fire/villages/35.jpeg', area: 'Воронежская область', link: '35.html'} ]; function itemConstructor(item, index) { var mainDiv = new Element('div', {'class':'village'}); var imageDiv = new Element('div', {'class':'image'}); var captionDiv = new Element('div', {'class':'caption'}); mainDiv.adopt(imageDiv, captionDiv); var imageA = null; var captionA = null; if (item.link) { var link = item.link + '?pos=' + hashController.params.pos; imageA = new Element('a', {'href':link}); captionA = new Element('a', {'href':link}); imageDiv.adopt(imageA); captionDiv.adopt(captionA); } Element('img', { 'width':'212px', 'height':'106px', 'alt':'', 'src': item.photo }).inject(imageA?imageA:imageDiv); Element('p', { 'class': 'name', 'text': item.title }).inject(captionA?captionA:captionDiv); Element('p', { 'class': 'area', text: item.area }).inject(captionA?captionA:captionDiv); return mainDiv; }; var domScroll = new DomScroll({ conf: conf, listByOne:false, containerId:'village-container', leftButton:'left-button', rightButton:'right-button', itemConstructor:itemConstructor, useHash:true, count: 12 }); var hashChanged = function(changed, params){ domScroll.scrollTo(params.pos); domScroll.updateButtonsLinks(); }; hashController.addParam("pos", new CINT(0)); hashController.addHandler(hashChanged); hashController.timeout = 1000; hashController.run(1); }); </script> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td> </td> <td width="30"> <a id="left-button" class="hide" href="#"> <img width="29px" height="82px" alt="" src="/img/img3/b23/btLeft.gif" /> </a> </td> <td width="16"></td> <td id="village-container" width="896" class="list2"> </td> <td width="16"></td> <td width="30"> <a id="right-button" class="hide" href="#"> <img width="29px" height="82px" alt="" src="/img/img3/b23/btRight.gif" /> </a> </td> <td> </td> </tr> </table> </div> </div> </div> <!-- ROW --> <div class="row"> <div class="b13-footer"> <div class="row"> <div class="per2 empty"></div> <div class="per96"> <div class="b12-hr-2"></div> </div> <div class="per2 empty"></div> </div> <div class="redlinks"> <div class="per2 empty"> </div> <div class="per78"> <div class="contactlinks"> <a href="/subscription/">Подписка</a> / <a href="/services/rss/">Экспорт новостей (RSS)</a> / <a href="/pda/">PDA</a> / <a href="/smsalert/">SMS-alert</a> </div> </div> <div class="per18"> <div class="map_info"> <div><a class="info" href="/about.html" >Информация о сайте</a></div> <div><!-- a class="map" href="#">карта сайта</a --></div> </div> </div> <div class="per2 empty"> </div> </div> </div> </div> <!-- ROW END --> </div> </body> </html>