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 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
53 height: 30px; | 53 height: 30px; |
54 z-index: 9999; | 54 z-index: 9999; |
55 } | 55 } |
56 | 56 |
57 .currentpicture { | 57 .currentpicture { |
58 width: 100%; | 58 width: 100%; |
59 height: 100%; | 59 height: 100%; |
60 position: absolute; | 60 position: absolute; |
61 top: 0; | 61 top: 0; |
62 -webkit-transition-property: left; | 62 -webkit-transition-property: left; |
63 -webkit-transition-duration: 1s; | 63 -webkit-transition-duration: 1000ms; |
64 display: -webkit-box; | 64 display: -webkit-box; |
65 -webkit-box-align: center; | 65 -webkit-box-align: center; |
66 -webkit-box-pack: center; | 66 -webkit-box-pack: center; |
67 pointer-events: none; | 67 pointer-events: none; |
68 } | 68 } |
69 | 69 |
70 .comingfromleft { | 70 .comingfromleft { |
71 left: -100%; | 71 left: -100%; |
72 } | 72 } |
73 | 73 |
(...skipping 217 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
291 <div id="playercontrols"> | 291 <div id="playercontrols"> |
292 <button id="prevbutton" onclick="prevButtonClick()"> | 292 <button id="prevbutton" onclick="prevButtonClick()"> |
293 <div></div> | 293 <div></div> |
294 </button> | 294 </button> |
295 <button id="nextbutton" onclick="nextButtonClick()"> | 295 <button id="nextbutton" onclick="nextButtonClick()"> |
296 <div></div> | 296 <div></div> |
297 </button> | 297 </button> |
298 </div> | 298 </div> |
299 </body> | 299 </body> |
300 </html> | 300 </html> |
OLD | NEW |