用Winterboard实现淡入淡出多图动态桌面

admin 2009-09-08 06:38:55

　2.0源cydia里面最新版的2.0系统换主题软件winterboard里多了一个自带的叫Saurik的主题，不知大家发现了没有，这个主题已经支持用两张PNG图片来实现具有淡进淡出效果的动态背景。现在我们以最快的速度更换到自己想要的图片。

　　1.确保你的Winterboard升级到了最新版，也就是打开主程序后可以看到里面有个叫Saurik的主题。

　　2.用你自己的两张尺寸为320x480的PNG照片替换掉/Private/var/stash/Themes.xxxxxx/Saurik/private（xxxxxx是你目录后面的六个随机字符）目录中对应的Rock.png和Plant.png两张图，文件名大小要与原始文件写要完全一致。

　　3.你还可以用自己的Dock图片替换/Private/var/stash/Themes.xxxxxx/Saurik/Bundles/com.apple.springboard目录下的SBDockBG.png，注意文件名大小写要完全一致。

　　4.重启，进入winterboard，你会看到你喜欢的两张背景照片会每隔15秒自动变换。

5.Saurik目录下有个Wallpaper.html，用记事本或其他网页编辑软件打开，代码如下，大牛们可以根据自己的喜好做进一步修改以得到想要的功能。

　　无限循环：Winterboard实现淡进淡出效果的动态桌面背景。代码如下（红色区域可酌情修改）：

<?xml version="1.0" encoding="UTF-16"?>
<html><head>
    <base href="Private/"/>
    
    <meta http-equiv="Content-Type" c charset=UTF-8"/>
    <style>
        body {
            background-color: black;
            margin: 0;
            padding: 20px 0 0 0;
            height: 442px;
            width: 320px;
        }
        img {
            -webkit-transition-property: opacity;
            -webkit-transition-duration: 2s;
            position: absolute;
            width: 320px;
            height: auto;
        }
        img.fade-out {
            opacity: 0;
        }
        img.fade-in {
            opacity: 1;
        }
    </style>
</head><body >
    <img src="a.png" id="a"/>
    <img src="b.png" id="b"/>
    <img src="c.png" id="c"/>
    <img src="d.png" id="d"/>
    <img src="e.png" id="e"/>
    <img src="f.png" id="f"/>           拷贝图片至 /private/var/stash/Themes.icID5u/Saurik/Private/下，图片名字自行对应，但不支持数字，只支持英文，建议用abc～～，简单。

        var fade = function () {
            fade_in.className = 'fade-out';
            fade_out.className = 'fade-in';

            var fade_tmp = fade_in;
            fade_in = fade_out;
            fade_out = fade_in1;
            fade_in1 = fade_out1;
            fade_out1 = fade_in2;
            fade_in2 = fade_out2;
            fade_out2 = fade_tmp;
            setTimeout(fade, 3000);       循环的时间 3000=3000ms=3s
        };
        fade();
    </script>
</body></html>

标签：