OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html i18n-values="dir:textdirection;"> | 2 <html i18n-values="dir:textdirection;"> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <title>Slideshow</title> | 5 <title>Slideshow</title> |
6 <style> | 6 <style> |
7 | 7 |
8 body { | 8 body { |
9 overflow: hidden; | 9 overflow: hidden; |
10 background: black; | 10 background: black; |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
52 height: 30px; | 52 height: 30px; |
53 z-index: 9999; | 53 z-index: 9999; |
54 } | 54 } |
55 | 55 |
56 .currentpicture { | 56 .currentpicture { |
57 width: 100%; | 57 width: 100%; |
58 height: 100%; | 58 height: 100%; |
59 position: absolute; | 59 position: absolute; |
60 top: 0; | 60 top: 0; |
61 -webkit-transition-property: left; | 61 -webkit-transition-property: left; |
62 -webkit-transition-duration: 1s; | 62 -webkit-transition-duration: 1000ms; |
63 display: -webkit-box; | 63 display: -webkit-box; |
64 -webkit-box-align: center; | 64 -webkit-box-align: center; |
65 -webkit-box-pack: center; | 65 -webkit-box-pack: center; |
66 pointer-events: none; | 66 pointer-events: none; |
67 } | 67 } |
68 | 68 |
69 .comingfromleft { | 69 .comingfromleft { |
70 left: -100%; | 70 left: -100%; |
71 } | 71 } |
72 | 72 |
(...skipping 162 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
235 <div id="playercontrols"> | 235 <div id="playercontrols"> |
236 <button id="prevbutton" onclick="prevButtonClick()"> | 236 <button id="prevbutton" onclick="prevButtonClick()"> |
237 <div></div> | 237 <div></div> |
238 </button> | 238 </button> |
239 <button id="nextbutton" onclick="nextButtonClick()"> | 239 <button id="nextbutton" onclick="nextButtonClick()"> |
240 <div></div> | 240 <div></div> |
241 </button> | 241 </button> |
242 </div> | 242 </div> |
243 </body> | 243 </body> |
244 </html> | 244 </html> |
OLD | NEW |