1. robhard24's Avatar
    Does anyone know how to set up a wallpaper slideshow for their background? I know it has something to do with html files, but thats all i know.. Any help is greatly appreciated...
    2008-09-23 06:43 PM
  2. AKA_Ben's Avatar
    I can look later but your beat bet would be to look at similar themes from Cydia and see how those devs did it.
    2008-09-23 07:02 PM
  3. robhard24's Avatar
    Actually i finally found a video on youtube on how to do it, if anyone else is interested search for "wallpaper move"
    2008-09-23 07:54 PM
  4. bhavinjpatel's Avatar
    i still cant find it on youtube if anyone can help it b great or maybe a link to the video on youtube would also b nice thanks
    2008-10-21 07:13 AM
  5. cpjr's Avatar
    Use this script:

    <html><head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style>
    body {
    background-color: black;
    margin: 0;
    padding: 0;
    height: 480px;
    width: 320px;
    }

    img {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 3s;
    position: absolute;
    width: 320px;
    height: auto;
    }

    img.fade-out {
    opacity: 0;
    }

    img.fade-in {
    opacity: 1;
    }
    </style>
    </head>
    <body style="color: black">

    <img src="wallpaper/Smoke.jpg"/>
    <img src="wallpaper/Waterdrop.jpg"/>
    <img src="wallpaper/Greenbulb.jpg"/>
    <img src="wallpaper/Ghostgirl.png"/>

    <script>
    //
    // Displays each <img> once in random order before
    // randomizing the list again.
    // Just add an <img> tag with your filename to add a pic,
    // and change interval to control the cycle speed.

    var interval = 4 * 20; // Seconds between change

    var images = document.getElementsByTagName("img");
    var imageArray = [];
    var imageCount = images.length;
    var current = 0;

    var randomize = function(){
    return (Math.round(Math.random() * 3 - 1.5));
    }

    for(var i = 0; i < imageCount; i++){
    images[i].className = 'fade-out';
    imageArray[i] = images[i];
    }
    imageArray.sort(randomize);

    var fade = function(){

    imageArray[current++].className = 'fade-out';
    if(current == imageCount){
    current = 0;
    imageArray.sort(randomize);
    }
    imageArray[current].className = 'fade-in';

    setTimeout(fade, interval * 1000);
    };

    fade();
    </script>

    </body></html>
    Edit the section which lists the image files (to use your own) and save it as "Background.html".

    You can use WordPad to do this.

    Then place it into the main theme folder, or create a "theme" folder in Winterboard just for this. Also, notice the image files say "/Wallpaper"....because I keep mine in a folder called "Wallpaper" inside the main theme folder.
    2008-10-21 07:20 AM
  6. Tokyo's Avatar
    Or you could take the easy route.

    Take the wallpapers you want and make a movie out of them in Windows Movie Maker, you can pick the selected time and the way each of them transcends.

    Then place the movie in the correct folder and there you have it.

    I've done it before, so no worries.
    Get streetwear for cheap here.
    2008-10-21 08:49 AM
  7. Hal05154's Avatar
    Tokyo, 2 quick questions...

    Doesn't that drain the batcrap out of your battery?

    2nd, just exactly which folder do you drop these files into? I feel like a box of rocks, but I can't find /themes anywhere...

    THANKS!

    Hal
    Last edited by Hal05154; 2008-12-11 at 03:08 PM.
    2008-12-11 02:28 PM
  8. henry214's Avatar
    thanks for the html code....
    2008-12-29 11:00 PM
  9. LarLar125's Avatar
    When I use that script, my wallpaper is just black, but there is the little question mark in a blue box up at the top. the one that you get when it cannot load the picture. please help...

    I tried naming it Wallpaper.html and Background.html.
    I tried having them as .jpg and .png, it just wont work.

    thanks in advance.
    2008-12-30 07:05 AM
  10. Bashjune1983's Avatar
    Use this script:



    Edit the section which lists the image files (to use your own) and save it as "Background.html".

    You can use WordPad to do this.

    Then place it into the main theme folder, or create a "theme" folder in Winterboard just for this. Also, notice the image files say "/Wallpaper"....because I keep mine in a folder called "Wallpaper" inside the main theme folder.
    I wanna cycle 8 lockscreen backgrounds throughout the week. 1.png being monday, 2.png being tuesday, etc. 8.png is one I want every day of the week from midnight till 4 in the morning.
    How can I use this code with that? Can I just edit the 3s to say 20h?
    I'm a real f'in noob at this...

    Thanks
    Bash
    2009-01-30 01:10 AM
  11. tsdexter's Avatar
    you'll need to modify the script to include a time variable and you need to then add the times/date of which photos to display at which times based on the time loaded into the timeDate variable... It's much more complicated than just changing it to 20h...

    Although, if you take out the 8th pic.. and just change it everyday.. than you would be able to just increase the time increment.

    I'll look at the HTML and try to get it working for you... also.. the problem you're having with the pics not loading is more than likely because the folder youre adding them to on the iphone is not the same folder you're linking to in the HTML

    Here is the code you would need to make this possible...

    <html><head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style>
    body {
    background-color: black;
    margin: 0;
    padding: 0;
    height: 480px;
    width: 320px;
    }

    img {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 3s;
    position: absolute;
    width: 320px;
    height: 480px;
    }

    </style>
    </head>
    <body style="color: black">

    <SCRIPT type="text/javascript">

    var photos = new Array();
    photos[0] = "wallpaper/0.JPG";
    photos[1] = "wallpaper/1.JPG";
    photos[2] = "wallpaper/2.JPG";
    photos[3] = "wallpaper/3.JPG";
    photos[4] = "wallpaper/4.JPG";
    photos[5] = "wallpaper/5.JPG";
    photos[6] = "wallpaper/6.JPG";
    photos[7] = "wallpaper/7.JPG";

    var today=new Date();
    var currentTime = today.getHours();
    var thisDay=today.getDay();

    if (currentTime>=0 && currentTime<4);
    {
    var img = new Image();
    img.src=photos[7];
    document.body.appendChild(img);
    }
    if (currentTime >=4)
    {
    var img = new Image();
    img.src=photos[thisDay];
    document.body.appendChild(img);
    }

    </SCRIPT>
    <body>


    </body></html>

    change the name of the dailyImages.html to your wallpaper.html or background.html (forget which one you were using) then put the HTML file in the folder where your theme or lockscreen image is stored and within the same folder add a folder called wallpaper and add 8 photos name 0.JPG - 7.JPG in the sequence of Sunday-Saturday with 7.JPG being your overnight picture.
    Last edited by tsdexter; 2009-05-16 at 09:47 PM. Reason: Automerged Doublepost
    2009-05-16 09:47 PM
  12. Fudge21's Avatar
    Use this script:



    Edit the section which lists the image files (to use your own) and save it as "Background.html".

    You can use WordPad to do this.

    Then place it into the main theme folder, or create a "theme" folder in Winterboard just for this. Also, notice the image files say "/Wallpaper"....because I keep mine in a folder called "Wallpaper" inside the main theme folder.
    where do i find the winterboard folder?
    2009-06-10 07:26 PM
  13. izhart's Avatar
    this is wut ive been looking for but i dnt want it too change every few seconds or wut not. i actually want it to change every time i wake my iphone up. i hope this is possible. plz n thank you if u can help
    2009-11-07 11:19 AM
  14. pbateman420's Avatar
    orrrrrr... to get really simple for people with no html knowledge..

    find 'bosspaper' on cydia... add any images you want from your phone and voila! dynamic wallpaper..
    2009-11-07 03:10 PM
  15. izhart's Avatar
    I've tried bosspaper n it's not what I'm looking for. Bosspaper doesn't work with the lockscreen only the spring board background. What I'm looking for is a lockscreen HTML code that changes the background of my lockscreen each time I wake my iPhone up from sleep. Unless there is a cydia app out there that does this n I haven't stumbled upon this it would be greatly appreciated. But yes if any of you ppl are out there who wants there springboard bacground to transition to different pics get bosspaper saves you from tryna figure out how HTML works.
    2009-11-09 12:36 AM
  16. B1ackha3ker's Avatar
    Hey, I am OK at HTML (check out Mac Leopard Theme on Cydia) but does anyone know code to show the time on the wallpaper for example?
    2010-01-29 07:17 PM
  17. Fenrius's Avatar
    what value do i need to change to make each image display for x amount of seconds before it changes? cause ive played around with var interval and fade time out speed and i still cant get it to display for a shorter length of time
    2010-03-10 07:51 PM
  18. American GeoHot's Avatar
    Use this script:


    Quote:
    <html><head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style>
    body {
    background-color: black;
    margin: 0;
    padding: 0;
    height: 480px;
    width: 320px;
    }

    img {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 3s;
    position: absolute;
    width: 320px;
    height: auto;
    }

    img.fade-out {
    opacity: 0;
    }

    img.fade-in {
    opacity: 1;
    }
    </style>
    </head>
    <body style="color: black">

    <img src="wallpaper/Smoke.jpg"/>
    <img src="wallpaper/Waterdrop.jpg"/>
    <img src="wallpaper/Greenbulb.jpg"/>
    <img src="wallpaper/Ghostgirl.png"/>

    <script>
    //
    // Displays each <img> once in random order before
    // randomizing the list again.
    // Just add an <img> tag with your filename to add a pic,
    // and change interval to control the cycle speed.

    var interval = 4 * 20; // Seconds between change

    var images = document.getElementsByTagName("img");
    var imageArray = [];
    var imageCount = images.length;
    var current = 0;

    var randomize = function(){
    return (Math.round(Math.random() * 3 - 1.5));
    }

    for(var i = 0; i < imageCount; i++){
    images[i].className = 'fade-out';
    imageArray[i] = images[i];
    }
    imageArray.sort(randomize);

    var fade = function(){

    imageArray[current++].className = 'fade-out';
    if(current == imageCount){
    current = 0;
    imageArray.sort(randomize);
    }
    imageArray[current].className = 'fade-in';

    setTimeout(fade, interval * 1000);
    };

    fade();
    </script>

    </body></html>


    Read more about hacks by modmyi.com



    Edit the section which lists the image files (to use your own) and save it as "Background.html".

    You can use WordPad to do this.

    Then place it into the main theme folder, or create a "theme" folder in Winterboard just for this. Also, notice the image files say "/Wallpaper"....because I keep mine in a folder called "Wallpaper" inside the main theme folder.
    cpjr Ok
    But how to (Edit the section which lists the image files (to use your own) and save it as "Background.html".)??
    2010-03-15 07:57 PM
  19. Katazui's Avatar
    Hi Um. I tried the script and it works great. But. Can you make it Repeat?
    2011-06-15 01:08 AM
LINK TO POST COPIED TO CLIPBOARD