Winterboard - Animate more than 2 backgrounds

Discussion in 'iPod touch Firmware 2.X Jailbreak' started by zurie, Aug 5, 2008.

  1. zurie

    zurie New Member

    Joined:
    Dec 4, 2007
    Messages:
    15
    Likes Received:
    0
    [winterboard] - How 2 Animate more than 2 backgrounds - Tutorial - updated

    update: 8 / 6 / 2008 I re-uploaded the .zip file - the images are now JPG. There is no reason to have a .PNG image as your desktop background... really.. ever... some of the graphics went from 180k 24bit png down to 18k jpg. all 6 images are 94k TOTAL, which is a huge improvement.

    download the 6 wallpapers pre-done in a theme:

    http://www.zadesigns.com/temp/PurpleSpace.zip


    Here is the code saurik created. I am going to BOLD RED my added code. This file is located at:

    /private/var/stash/Themes.icID5u/Saurik/Wallpaper.html


    JUST ADD 2 images in the directory: /private/var/stash/Themes.icID5u/Saurik/Private/

    Fire.png <--- click to download
    Earth.png <--- click to download

    Code:
    <?xml version="1.0" encoding="UTF-16"?>
    <html><head>
        <base href="Private/"/>
        <!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
        <meta http-equiv="Content-Type" content="text/html; 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 style="color: black">
        <img src="Rock.png" id="rock"/>
        <img src="Plant.png" id="plant"/>
    [COLOR="Red"][B]    <img src="Earth.png" id="earth"/>
        <img src="Fire.png" id="fire"/>[/B]
    [/COLOR]
        <script>
            var fade_in = rock;
            var fade_out = plant;
    [B][COLOR="Red"]        var fade_in1 = fire;
            var fade_out1 = earth;[/COLOR][/B]
    
            var fade = function () {
                fade_in.className = 'fade-out';
                fade_out.className = 'fade-in';
    
                var fade_tmp = fade_in;
                fade_in = fade_out;
    [B][COLOR="Red"]            fade_out = fade_in1;
                fade_in1 = fade_out1;
                fade_out1 = fade_tmp;[/COLOR][/B]
                setTimeout(fade, 15000);
            };
    
            fade();
        </script>
    </body></html>
    

    Please Register or Log in to view images



    download the 6 wallpapers pre-done in a theme:

    http://www.zadesigns.com/temp/PurpleSpace.zip
  2. ipodtouch1234

    ipodtouch1234 Active Member

    Joined:
    Oct 21, 2007
    Messages:
    1,353
    Likes Received:
    0
    Device:
    iPad 2 (Black)
    now how would we use this? Where would we put this plist file.
  3. wyvern706

    wyvern706 New Member

    Joined:
    Mar 19, 2008
    Messages:
    414
    Likes Received:
    3
    yes i would like 2 use but where does it go?
  4. zeizei

    zeizei New Member

    Joined:
    Jul 12, 2008
    Messages:
    28
    Likes Received:
    0
    Device:
    iPod touch
    SSH yourself to the new theme that came with the newest winterboard. Just copy and change some names to the theme that you want to use. Too f***ing long to explain. You will have to wait for some1 who has time and skill to do the explaining. But not that hard, even i managed to make animated springboard with HUGE knowledge of coding

    Please Register or Log in to view images

  5. zurie

    zurie New Member

    Joined:
    Dec 4, 2007
    Messages:
    15
    Likes Received:
    0
    moved this post to the TOP post. hopefully the examples will help you get started.

    Enjoy!
  6. bobomaster13

    bobomaster13 Member

    Joined:
    Sep 15, 2007
    Messages:
    171
    Likes Received:
    0
    Device:
    iPhone 4 (Black)
    How would you put a dock in? I put one in the Saurik folder but it does not work.


    EDIT: Found it

    Please Register or Log in to view images

  7. Pezmaster1

    Pezmaster1 New Member

    Joined:
    Dec 2, 2007
    Messages:
    420
    Likes Received:
    3
    i have no idea what your even talking about here lol ,
    how are you " animating " wallpapers?

    i dont get it :S
  8. thechungster

    thechungster Super Moderator Emeritus

    Joined:
    Dec 8, 2007
    Messages:
    6,886
    Likes Received:
    4
    Device:
    iPhone 4 (Black)
    hmm, in theory it will work. i might just try this out but im too lazy to do it at this moment/
  9. zeizei

    zeizei New Member

    Joined:
    Jul 12, 2008
    Messages:
    28
    Likes Received:
    0
    Device:
    iPod touch
    It works, you just have to know what you're doing. If its too hard, just wait for the GUI that will come to winterboard whenever its ready.
  10. toy98

    toy98 New Member

    Joined:
    Jul 26, 2008
    Messages:
    20
    Likes Received:
    0
    me understands,.,

    Please Register or Log in to view images

    but where do I change the icons in that stash folder? cant we do the same way of theming in the summerborad/theme folder?

Share This Page