Saurik.theme/Wallpaper.html

   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 src="Rock.png" id="rock"/>
  34     <img src="Plant.png" id="plant"/>
  35
  36     <script>
  37         var fade_in = rock;
  38         var fade_out = plant;
  39
  40         var fade = function () {
  41             fade_in.className = 'fade-out';
  42             fade_out.className = 'fade-in';
  43
  44             var fade_tmp = fade_in;
  45             fade_in = fade_out;
  46             fade_out = fade_tmp;
  47
  48             setTimeout(fade, 15000);
  49         };
  50
  51         fade();
  52     </script>
  53 </body></html>