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 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>