Про необходимость этого инструмента я иронизировать не буду, он объективно полезен. Может, не на десктопах, но на планшетах точно не помешает. Итак, в HTML5 появились средства программно управлять полноэкранным режимом отображения. Делается это довольно просто. Следующий код откроет на весь экран рисунок, по которому кликнули мышкой:
<!DOCTYPE html>
<html dir="ltr" >
<head>
<title>HTML5 — путеводитель по технологии</title>
<script>
Function handler(obj) { if(!document. isFullScreen){ obj. requestFullScreen():
} else{
Document. cancelFullScreen()
}
Return false:
}
</script>
</head>
<body>
<img onclick = handler(this) id="wideImg" src="Sleeve1.jpg" alt="my
Image" />
<img onclick = handler(this) id="wideImg" src="Sleeve2.jpg" alt="my
Image" />
<img onclick = handler(this) id="wideImg" src="Sleeve2.jpg" alt="my
Image" />
</body>
</html>
Все просто — после клика на картинку проверяется, находится ли она в полноэкранном режиме (свойство fullScreen), и переводится или убирается полноэкранный режим, в зависимости от результата проверки.
Добавить комментарий