+ Reply
Results 1 to 9 of 9

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


Thread: ios 5 random wallpaper theme

is a discussion within the

Skinning / Themes Discussion

forums, a part of the

Design and Media For the iPhone / iPod Touch

section;
hi guys, been searching for this kind of theme everywhere but it is nowhere to be found. will it be too hard to create or is it available in modmyi?
...
  1. #1
    Green Apple
    Join Date
    Aug 2009
    Posts
    35
    Thanks
    39
    Thanked 1 Time in 1 Post
    Default ios 5 random wallpaper theme
    hi guys, been searching for this kind of theme everywhere but it is nowhere to be found.

    will it be too hard to create or is it available in modmyi?

    thanks

  2. #2
    Etch A Sketch Sk37cH's Avatar
    Join Date
    May 2011
    Location
    Oz maaaaaate ;)
    Posts
    1,938
    Thanks
    4,587
    Thanked 7,172 Times in 1,662 Posts

    Do you mean one that displays your wallpapers in a slideshow? There was bosspaper, and a few of those sorts of things. The best thing I've found for a while is LS FWS Interactive, by schnedi. It's not a springboard widget, but its worth a look. Check !!THIS!! for a quick video. It's available in cydia I believe.

  3. The Following User Says Thank You to Sk37cH For This Useful Post:

    coconutxyz (10-30-2012)

  4. #3
    Green Apple
    Join Date
    Aug 2009
    Posts
    35
    Thanks
    39
    Thanked 1 Time in 1 Post
    yeap i was talking about bosspaper and i remember these themes can be enabled using winterboard using Wallpaper.html but i am not good in coding...

  5. #4
    Etch A Sketch Sk37cH's Avatar
    Join Date
    May 2011
    Location
    Oz maaaaaate ;)
    Posts
    1,938
    Thanks
    4,587
    Thanked 7,172 Times in 1,662 Posts

    Quote Originally Posted by coconutxyz View Post
    yeap i was talking about bosspaper and i remember these themes can be enabled using winterboard using Wallpaper.html but i am not good in coding...
    There is code here.iPhone Wallpaper Slideshow?
    But if you can't figure it out, then best of getting a theme that does it, and swap your own images. I'd say any method that uses your camera roll would be a MS add-on
    Last edited by Sk37cH; 10-30-2012 at 04:33 AM.

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

    coconutxyz (10-30-2012)

  7. #5
    Green Apple
    Join Date
    Aug 2009
    Posts
    35
    Thanks
    39
    Thanked 1 Time in 1 Post
    <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>

    so im using it right now and made a new folder call sample.theme, rename the html code to Wallpaper.html and created another folder within the theme named Wallpaper

    Then i've put 2 images inside called 1.png and 2.png, the result was blue question marks.. =_=
    can you give me any advice?

  8. #6
    Etch A Sketch Sk37cH's Avatar
    Join Date
    May 2011
    Location
    Oz maaaaaate ;)
    Posts
    1,938
    Thanks
    4,587
    Thanked 7,172 Times in 1,662 Posts

    They need to be .jpg
    Convert them to .jpg then make a 2nd copy of each and call them:
    Smoke.jpg
    Waterdrop.jpg
    Greenbulb.jpg
    Ghostgirl.jpg
    Lookin at the script, that's what it's trying to pull
    Edit: Or use this. But the main point is I think they have to be .jpg to work
    <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/1.jpg"/>
    <img src="wallpaper/2.jpg"/>

    <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>
    Last edited by Sk37cH; 10-30-2012 at 06:10 AM.

  9. The Following User Says Thank You to Sk37cH For This Useful Post:

    coconutxyz (10-30-2012)

  10. #7
    Green Apple
    Join Date
    Aug 2009
    Posts
    35
    Thanks
    39
    Thanked 1 Time in 1 Post
    oh man this is working lol thanks !!!
    maybe i should create 10 account to thank you.

    btw, how can i add more than 2 pics, and i saw this somewhere:

    var winid = Math.round((Math.random() * (999)));
    document.write("<IMG SRC='img/"+winid+"@2x.png' border=0 width=768 height=1024>");

    is that possible to make it 999 pics with 1.jpg, 2.jpg etc..

  11. #8
    Etch A Sketch Sk37cH's Avatar
    Join Date
    May 2011
    Location
    Oz maaaaaate ;)
    Posts
    1,938
    Thanks
    4,587
    Thanked 7,172 Times in 1,662 Posts

    Quote Originally Posted by coconutxyz View Post
    oh man this is working lol thanks !!!
    maybe i should create 10 account to thank you.

    btw, how can i add more than 2 pics, and i saw this somewhere:

    var winid = Math.round((Math.random() * (999)));
    document.write("<IMG SRC='img/"+winid+"@2x.png' border=0 width=768 height=1024>");

    is that possible to make it 999 pics with 1.jpg, 2.jpg etc..
    Just copy a line from the section I changed, and add it the line below. Then change out the 2.jpg for 3.jpg and so forth. Add the images to your wallpaper folder, and it should work. It's only 1 line of code added for each image, so there's not too much work. I'm not near my PC, so I can't confirm the other. Thank you.

  12. #9
    Green Apple
    Join Date
    Aug 2009
    Posts
    35
    Thanks
    39
    Thanked 1 Time in 1 Post
    ic, but i have well over 100 images so...

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