pc 크롬에서 풀스크린 원버튼 명령어
[code]
document.fullscreenElement ? document.exitFullscreen() : 엘레먼트ID.requestFullscreen();
[/code]
예제
[code]
<div id="g5" style="width:500px;margin:0 auto">
<img style="width:100%" src="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg">
<span style="position:absolute;top:20px;left:20px;cursor:pointer" onclick="document.fullscreenElement?document.exitFullscreen():g5.requestFullscreen()">클릭</span>
</div>
[/code]
이런 건 여러번을 사용할 경우 "함수"를 만드는 것이 편합니다.
[code]
<script>
function fsMode(fs) {
document.fullscreenElement ? document.exitFullscreen() : fs.requestFullscreen();
}
</script>
<div id="g5" style="width:500px;margin:0 auto">
<img style="width:100%" src="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg">
<span style="position:absolute;top:20px;left:20px;cursor:pointer" onclick="fsMode(g5)">클릭</span>
</div>
[/code]
결과물은 https://wittazzurri.com/editor/html_editor.php 에서 확인해 보세요.
사파리나 파폭은 사용 안해서 잘 모르고 관심도 없음.ㅜㅠ
댓글 6개
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4435 | ||
| 2694 | 2개월 전 | 200 | ||
| 2693 | 2개월 전 | 158 | ||
| 2692 | 2개월 전 | 164 | ||
| 2691 | 2개월 전 | 179 | ||
| 2690 | 2개월 전 | 333 | ||
| 2689 | 2개월 전 | 244 | ||
| 2688 |
|
2개월 전 | 447 | |
| 2687 | 2개월 전 | 299 | ||
| 2686 |
선택과집중
|
2개월 전 | 337 | |
| 2685 | 3개월 전 | 298 | ||
| 2684 | 3개월 전 | 357 | ||
| 2683 | 3개월 전 | 488 | ||
| 2682 | 3개월 전 | 282 | ||
| 2681 | 3개월 전 | 308 | ||
| 2680 |
선택과집중
|
3개월 전 | 281 | |
| 2679 | 3개월 전 | 336 | ||
| 2678 |
|
3개월 전 | 434 | |
| 2677 |
|
3개월 전 | 506 | |
| 2676 | 3개월 전 | 332 | ||
| 2675 | 3개월 전 | 310 | ||
| 2674 |
선택과집중
|
3개월 전 | 486 | |
| 2673 |
|
3개월 전 | 326 | |
| 2672 | 3개월 전 | 343 | ||
| 2671 | 3개월 전 | 291 | ||
| 2670 | 3개월 전 | 265 | ||
| 2669 | 3개월 전 | 379 | ||
| 2668 | 3개월 전 | 295 | ||
| 2667 |
선택과집중
|
3개월 전 | 492 | |
| 2666 |
선택과집중
|
3개월 전 | 476 | |
| 2665 |
선택과집중
|
4개월 전 | 414 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기