01.<div id="slider">
02. <figure>
03. <div class="slidershow middle">
04. <div class="slides">
05. <input type="radio" name="r" id="r1" checked>
06. <input type="radio" name="r" id="r2">
07. <input type="radio" name="r" id="r3">
08. <div class="slide s1">
09. <?php include 'body_home_carousel_page1.php'; ?>
10. </div>
11. <div class="slide">
12. <?php include 'body_home_carousel_page2.php'; ?>
13. </div>
14. <div class="slide">
15. <?php include 'body_home_carousel_page3.php'; ?>
16. </div>
17. </div>
18. <div class="navigation">
19. <label for="r1" class="bar"></label>
20. <label for="r2" class="bar"></label>
21. <label for="r3" class="bar"></label>
22. </div>
23. </div>
24. </figure>
25. </div>
26. <script>
27. var elements = document.getElementsByClassName("bar");
28. for (var i = 0; i < elements.length; i++)
29. {
30. elements[i].onclick = function () {
31.
32. var el = elements[0];
33. while (el)
34. {
35. if (el.tagName === "LABEL") {
36.
37. el.classList.remove("bak");
38.
39. }
40.
41. el = el.nextSibling;
42. }
43. this.classList.add("bak");
44. };
45. }
46. </script>
