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

王朝system·作者佚名  2008-12-28
窄屏简体版  字體: |||超大  

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 name="viewport" c "width=320, minimum-scale=1.0, maximum-scale=1.0"/-->

<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~~,简单。

<script>

var fade_in = a;

var fade_out = b;

var fade_in1 = c;

var fade_out1 = d;

var fade_in2 = e;

var fade_out2 = f;

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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航