Quote:
Originally Posted by jabbawalkee
Hey guys...I just put packaged the wallpapers I am using with my theme into a Rotating WallpaperWidgets setup. I have attached a zip. However, there may be one small problem, I have my calendar at the top of the dash and the weather widget at the bottom. If you still want to use this as a rotating wallpaper (cycling 10 images) all you have to do is keep the Wallpaper.html file and name your wallpapers (0.png, 1.png, 2.png, etc until 9.png) and put them in the Private folder. Enjoy!
PS: I have to say that it makes my setup look a lot nicer and never gets old because I am constantly looking at a different wallpaper 
Every 30 seconds to 1 minute the wallpaper changes to any of the ones you see below.
Screenshots of the Rotating Wallpaper Widgets (10 wallpapers total):
My personal favorites below
Tell me what you guys think! |
What's the max amount of pics ?
I'm wanting to have 24 .
Thanks.
I have 24 rotating wallpapers.
Every once in a while, all I get is a black screen.
And it has a little blue box in statusbar, with "?"
Here's the code i'm using as Wallpaper.html
<html>
<head>
<base href="Private/"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: black;
margin: 0;
padding: 0 0 0 0;
height: 442px;
width: 320px;
}
img {
-webkit-transition-property: opacity;
-webkit-transition-duration: 1.5s;
position: absolute;
width: 320px;
height: auto;
}
img.fade-out {
opacity: 0;
}
img.fade-in {
opacity: 1;
}
</style>
</head>
<body>
<img src="0.png" id="image0" class="fade-out"/>
<img src="1.png" id="image1" class="fade-out"/>
<img src="2.png" id="image2" class="fade-out"/>
<img src="3.png" id="image3" class="fade-out"/>
<img src="4.png" id="image4" class="fade-out"/>
<img src="5.png" id="image5" class="fade-out"/>
<img src="6.png" id="image6" class="fade-out"/>
<img src="7.png" id="image7" class="fade-out"/>
<img src="8.png" id="image8" class="fade-out"/>
<img src="9.png" id="image9" class="fade-out"/>
<img src="10.png" id="image10" class="fade-out"/>
<img src="11.png" id="image11" class="fade-out"/>
<img src="12.png" id="image12" class="fade-out"/>
<img src="13.png" id="image13" class="fade-out"/>
<img src="14.png" id="image14" class="fade-out"/>
<img src="15.png" id="image15" class="fade-out"/>
<img src="16.png" id="image16" class="fade-out"/>
<img src="17.png" id="image17" class="fade-out"/>
<img src="18.png" id="image18" class="fade-out"/>
<img src="19.png" id="image19" class="fade-out"/>
<img src="20.png" id="image20" class="fade-out"/>
<img src="21.png" id="image21" class="fade-out"/>
<img src="22.png" id="image22" class="fade-out"/>
<img src="23.png" id="image23" class="fade-out"/>
<script>
var fade = function(lastid) {
var rnd=Math.floor(Math.random()*24)
function fout() {
if(rnd){document.getElementById('image'+rnd).class Name = 'fade-out';}
fade()
}
document.getElementById('image'+rnd).className = 'fade-in';
setTimeout(fout, 20000);
};
fade();
</script>
</body>
</html>
12-23-2008, 10:07 AM
Any suggestions?
Linear Mode
