Results 1 to 19 of 19

Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.


Thread: iPhone Wallpaper Slideshow?

  1. #1
    Default iPhone Wallpaper Slideshow?
    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...

  2. #2
    iPhone? More like MyPhone AKA_Ben's Avatar
    Join Date
    Jul 2007
    Location
    Eugene, OR
    Posts
    273
    Thanks
    5
    Thanked 23 Times in 18 Posts

    I can look later but your beat bet would be to look at similar themes from Cydia and see how those devs did it.

  3. #3
    Actually i finally found a video on youtube on how to do it, if anyone else is interested search for "wallpaper move"

  4. #4
    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

  5. #5
    plain jane vanilla (post count restored to FULL AWESOMENESS) cpjr's Avatar
    Join Date
    Jul 2007
    Location
    ATL
    Posts
    11,686
    Thanks
    181
    Thanked 1,461 Times in 1,264 Posts

    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.

  6. The Following User Says Thank You to cpjr For This Useful Post:

    darklingwater (12-10-2008)

  7. #6
    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.

  8. #7
    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; 12-11-2008 at 07:08 AM.

  9. #8
    thanks for the html code....

  10. #9
    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.

  11. #10
    Quote Originally Posted by cpjr View Post
    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

  12. #11
    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; 05-16-2009 at 01:47 PM. Reason: Automerged Doublepost

  13. #12
    Quote Originally Posted by cpjr View Post
    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?

  14. #13
    Default i needs help
    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

  15. #14
    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..

  16. #15
    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.

  17. #16
    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?

  18. #17
    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

  19. #18
    Quote Originally Posted by cpjr View Post
    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".)??

  20. #19
    Default Script. Thingy.
    Hi Um. I tried the script and it works great. But. Can you make it Repeat?

Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •