"사용자:이혜영"의 두 판 사이의 차이
Encyves Wiki
| 7번째 줄: | 7번째 줄: | ||
.w3-badge {height:13px;width:13px;padding:0} | .w3-badge {height:13px;width:13px;padding:0} | ||
</style> | </style> | ||
| + | <script> | ||
| + | var slideIndex = 1; | ||
| + | showDivs(slideIndex); | ||
| + | |||
| + | function plusDivs(n) { | ||
| + | showDivs(slideIndex += n); | ||
| + | } | ||
| + | |||
| + | function currentDiv(n) { | ||
| + | showDivs(slideIndex = n); | ||
| + | } | ||
| + | |||
| + | function showDivs(n) { | ||
| + | var i; | ||
| + | var x = document.getElementsByClassName("mySlides"); | ||
| + | var dots = document.getElementsByClassName("demo"); | ||
| + | if (n > x.length) {slideIndex = 1} | ||
| + | if (n < 1) {slideIndex = x.length} | ||
| + | for (i = 0; i < x.length; i++) { | ||
| + | x[i].style.display = "none"; | ||
| + | } | ||
| + | for (i = 0; i < dots.length; i++) { | ||
| + | dots[i].className = dots[i].className.replace(" w3-white", ""); | ||
| + | } | ||
| + | x[slideIndex-1].style.display = "block"; | ||
| + | dots[slideIndex-1].className += " w3-white"; | ||
| + | } | ||
| + | </script> | ||
<div class="w3-content w3-display-container"> | <div class="w3-content w3-display-container"> | ||
<img class="mySlides" src="http://kadhlab103.com/wiki/images/thumb/a/a0/Img_mountains_wide.jpg/800px-Img_mountains_wide.jpg"> | <img class="mySlides" src="http://kadhlab103.com/wiki/images/thumb/a/a0/Img_mountains_wide.jpg/800px-Img_mountains_wide.jpg"> | ||
2017년 8월 2일 (수) 15:31 판
❮
❯
