slide/implementation/slide-show-winie.css


/* s|slides */
slides {
        position: absolute;
        overflow: hidden;
        height: 100%;
        width: 100%;
        left: 0; right: 0;
        top: 0; bottom: 0;
        margin: 0;
        border-width: 0;
        padding: 0;
        font-family: "MS Gothic", "Arial", sans-serif;
  behavior: expression(function (element) {
    element.currentSlide = 0;

    // h|head { display : none }
    var head = element.getElementsByTagName ('head')[0];
    head.style.display = 'none';

    document.onkeydown = function () {
      var slide = getSlideList ();
      if (event.keyCode == 13 || event.keyCode == 39) {
        element.currentSlide++;
        if (element.currentSlide >= slide.length) element.currentSlide = 0;
        showSlide (element.currentSlide);
        event.returnValue = false;
      } else if (event.keyCode == 8 || event.keyCode == 37) {
        element.currentSlide--;
        if (element.currentSlide < 0) element.currentSlide = slide.length - 1;
        showSlide (element.currentSlide);
        event.returnValue = false;
      }
    } /* keydown */

    element.onmousedown = function () {
      var slide = getSlideList ();
      if (event.button == 1) {
        element.currentSlide++;
        if (element.currentSlide >= slide.length) element.currentSlide = 0;
        showSlide (element.currentSlide);
        event.returnValue = false;
      }
    }

    function showSlide (n) {
      var slide = getSlideList ();
      for (var i = 0; i < slide.length; i++) {
        slide[i].runtimeStyle.display = (i == n) ? 'block' : 'none';
      }
    }

    function getSlideList () {
      return window.document.getElementsByTagName ('slide');
    }

    runtimeStyle.behavior = 'none';
  } (this)); /* NOTE: See also slide-style-winie.css */
}

/* s|slide */
slide {
  width: 100%;
  height: 100%;
  border: groove 1px #C0C0C0;
  font-size: 200%;
}
1	wakaba	1.1
2			/* s\|slides */
3			slides {
4			position: absolute;
5			overflow: hidden;
6			height: 100%;
7			width: 100%;
8			left: 0; right: 0;
9			top: 0; bottom: 0;
10			margin: 0;
11			border-width: 0;
12			padding: 0;
13			font-family: "MS Gothic", "Arial", sans-serif;
14	wakaba	1.2	behavior: expression(function (element) {
15			element.currentSlide = 0;
16
17			// h\|head { display : none }
18			var head = element.getElementsByTagName ('head')[0];
19			head.style.display = 'none';
20
21			document.onkeydown = function () {
22			var slide = getSlideList ();
23			if (event.keyCode == 13 \|\| event.keyCode == 39) {
24			element.currentSlide++;
25			if (element.currentSlide >= slide.length) element.currentSlide = 0;
26			showSlide (element.currentSlide);
27			event.returnValue = false;
28			} else if (event.keyCode == 8 \|\| event.keyCode == 37) {
29			element.currentSlide--;
30			if (element.currentSlide < 0) element.currentSlide = slide.length - 1;
31			showSlide (element.currentSlide);
32			event.returnValue = false;
33			}
34			} /* keydown */
35
36			element.onmousedown = function () {
37			var slide = getSlideList ();
38			if (event.button == 1) {
39			element.currentSlide++;
40			if (element.currentSlide >= slide.length) element.currentSlide = 0;
41			showSlide (element.currentSlide);
42			event.returnValue = false;
43			}
44			}
45
46			function showSlide (n) {
47			var slide = getSlideList ();
48			for (var i = 0; i < slide.length; i++) {
49			slide[i].runtimeStyle.display = (i == n) ? 'block' : 'none';
50			}
51			}
52
53			function getSlideList () {
54			return window.document.getElementsByTagName ('slide');
55			}
56
57			runtimeStyle.behavior = 'none';
58			} (this)); /* NOTE: See also slide-style-winie.css */
59	wakaba	1.1	}
60
61			/* s\|slide */
62			slide {
63	wakaba	1.2	width: 100%;
64			height: 100%;
65			border: groove 1px #C0C0C0;
66			font-size: 200%;
67	wakaba	1.1	}