ymaps.ready(init);
function init () {
var myMap = new ymaps.Map('map', {
center: [55.751574, 37.573856],
zoom: 10,
controls: []
});
// Создадим элемент управления "Пробки".
var trafficControl = new ymaps.control.TrafficControl({ state: {
// Отображаются пробки "Сейчас".
providerKey: 'traffic#actual',
// Начинаем сразу показывать пробки на карте.
trafficShown: true
}});
// Добавим контрол на карту.
myMap.controls.add(trafficControl);
// Получим ссылку на провайдер пробок "Сейчас" и включим показ инфоточек.
trafficControl.getProvider('traffic#actual').state.set('infoLayerShown', true);
}<html>
<head>
<title>Примеры. Элементы управления "Пробки"</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Если вы используете API локально, то в URL ресурса необходимо указывать протокол в стандартном виде (http://...)-->
<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script src="traffic_control.js" type="text/javascript"></script>
<style>
html, body, #map {
width: 100%; height: 100%; padding: 0; margin: 0;
}
</style>
</head>
<body>
<div id="map"></div>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title><!-- Title here --></title>
<link data-require="jqueryui" data-semver="1.10.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" />
<link rel="stylesheet" href="style.css" />
<script data-require="jquery" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script data-require="jqueryui" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
<script src="script.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<style>
img{
z-index:1;
}
.big{
position:fixed;
width:95% !important;
left:5px;
top:5px;
}
.col-xs-4{ border: 1px solid black;}
</style>
</head>
<body>
<!-- Navigation -->
<!-- Header -->
<div class="container">
<div class='col-xs-4'> <img class="crop" src="http://gallery.yopriceville.com/downloadfullsize/send/6732" style="background-color:red;" class="" alt=""></div>
<div class='col-xs-4'> <img class="crop" src="http://gallery.yopriceville.com/downloadfullsize/send/6732" style="background-color:green;" class="" alt=""></div>
<div class='col-xs-4'> <img class="crop" src="http://gallery.yopriceville.com/downloadfullsize/send/6732" style="background-color:blue;" class="" alt=""></div>
<div class='col-xs-4'> <img class="crop" src="http://gallery.yopriceville.com/downloadfullsize/send/6732" style="background-color:black;" class="" alt=""></div>
<div class='col-xs-4'> <img class="crop" src="http://gallery.yopriceville.com/downloadfullsize/send/6732" style="background-color:olive;" class="" alt=""></div>
</div>
<!-- /.container -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
$('.crop').css("width",$('.col-xs-4').width())
$('.container div').click(function(){
$(this).find('img').toggleClass('big')
})
})
</script>
</body>
</html><html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>GoDaemon</title>
<link href="/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="block">
<div class="cell">
<div class="center">
<div class="i">Key:</div>
<script type="text/javascript">
function timeout() {
document.write('text')
}
setTimeout(timeout, 2000)
</script>
</div>
</div>
</div>
</body>
</html>