| | 1 | <?xml version="1.0" encoding="UTF-16"?> |
| | 2 | <html><head> |
| | 3 | <base href="Private/"/> |
| | 4 | <!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/--> |
| | 5 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> |
| | 6 | |
| | 7 | <style> |
| | 8 | body { |
| | 9 | background-color: black; |
| | 10 | margin: 0; |
| | 11 | padding: 20px 0 0 0; |
| | 12 | height: 442px; |
| | 13 | width: 320px; |
| | 14 | } |
| | 15 | |
| | 16 | img { |
| | 17 | -webkit-transition-property: opacity; |
| | 18 | -webkit-transition-duration: 2s; |
| | 19 | position: absolute; |
| | 20 | width: 320px; |
| | 21 | height: auto; |
| | 22 | } |
| | 23 | |
| | 24 | img.fade-out { |
| | 25 | opacity: 0; |
| | 26 | } |
| | 27 | |
| | 28 | img.fade-in { |
| | 29 | opacity: 1; |
| | 30 | } |
| | 31 | </style> |
| | 32 | </head><body style="color: black"> |
| | 33 | <img id="one"/> |
| | 34 | <img id="two"/> |
| | 35 | |
| | 36 | <script> |
| | 37 | var images = ['Rock.png', 'Plant.png']; |
| | 38 | var index = 0; |
| | 39 | |
| | 40 | var fade_in = one; |
| | 41 | var fade_out = two; |
| | 42 | |
| | 43 | fade_in.src = images[0]; |
| | 44 | fade_out.src = images[images.length - 1]; |
| | 45 | |
| | 46 | var fade = function () { |
| | 47 | fade_in.src = images[index]; |
| | 48 | index = (index + 1) % images.length; |
| | 49 | |
| | 50 | fade_in.className = 'fade-out'; |
| | 51 | fade_out.className = 'fade-in'; |
| | 52 | |
| | 53 | var fade_tmp = fade_in; |
| | 54 | fade_in = fade_out; |
| | 55 | fade_out = fade_tmp; |
| | 56 | |
| | 57 | setTimeout(fade, 15000); |
| | 58 | }; |
| | 59 | |
| | 60 | fade(); |
| | 61 | </script> |
| | 62 | </body></html> |
projects / winterboard.git / blame_incremental