Page 3 of 5 FirstFirst 12345 LastLast
Results 21 to 30 of 41

Thread: Make Layers Appear Over Time

  1. #21
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Replace image1.png with he first layer.. Replace image2.png with the second layer.... etc
    Jeremy | jfein.net

  2. The Following User Says Thank You to Nile For This Useful Post:

    TicTacWoe (12-23-2009)

  3. #22
    Join Date
    Nov 2008
    Posts
    43
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default

    oh so its thr layers themselves I should be replacing it with? I thought i should be putting in the names of the actual files that should go within those layers (if you get me). So instead of image1.png or whatever I should actually put the name of the layer (which itself would contain the image I want to load) in it's place?

  4. #23
    Join Date
    Nov 2008
    Posts
    43
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default

    very sorry about all this hassle Nile but bare with me here

    heres the code from a test page using my images and your code---

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <title>Appearing Layers</title>

    <script type="text/javascript" src="script.js">
    // Made by Nile, http://beta.unlinkthis.net
    // DO NOT REMOVE THIS LABEL
    </script>
    <script type="text/javascript">
    var effect = new Array('images/a.gif', 'images/c.gif', 'images/d.gif');
    loadimg("image", effect);
    </script>
    <style type="text/css">
    #image {
    width: 80px;
    height: 80px;
    background-color: #ddd;
    }
    #apDiv1 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    }
    </style>

    </head>

    <body>
    <div id="image"></div>
    </body>
    </html>

    now this gives me one layer in which all three images in the array appear over time on top of one another. What do I need to do so that the first image only appears in that layer and then the second appears in a new layer etc

    I know I'm being really stupid with this but its verrrrry late in Ireland!

  5. #24
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Umm... okay, say you have 5 layers:
    layer1.png - Layer 1
    layer2.png - Layer 2
    layer3.png - Layer 3
    layer4.png - Layer 4
    layer5.png - Layer 5

    Then it should be:
    Code:
    var effect = new Array('layer1.png', 'layer2.png', 'layer3.png', 'layer4.png', 'layer5.png');
    Jeremy | jfein.net

  6. #25
    Join Date
    Nov 2008
    Posts
    43
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default

    i understand that part, but they still all load in the same position for me

  7. #26
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Do you mean the same spot? This is because there not positioned right in the image, if you don't understand that, I'll explain it tomorrow.
    Jeremy | jfein.net

  8. The Following User Says Thank You to Nile For This Useful Post:

    TicTacWoe (12-23-2009)

  9. #27
    Join Date
    Nov 2008
    Posts
    43
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default

    well yeah, what I have working is the following- the page loads, the images/layers appear one by one fine and in the right order etc but they all just appear right on top of each other, i want them to appear in different positions on the page.

  10. #28
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Link to your page?
    Jeremy | jfein.net

  11. The Following User Says Thank You to Nile For This Useful Post:

    TicTacWoe (12-23-2009)

  12. #29
    Join Date
    Nov 2008
    Posts
    43
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default

    ok I uploaded a very simple test of the problem here http://clockworkorchestra.com/

    as you can see the 3 images load one after another fine but I can't control where they upload to. I want them to load into different positions on the page but using the code you gave me they all load into the div named "image" on top of one another and no matter what I've tried I havn't been able to get them to load one by one into separate layers.

    I've also uploaded an example of what Im trying to achieve here (this is using timelines from an old version of dreamweaver which are no longer supported by all browsers or even in dreamweaver anymore) http://clockworkorchestra.com/nu.html
    so here you see the three images appear one by one over time in different layers.

    I know this is something really simple and I'm being stupid here but I havn't really done something like this on a website before
    Last edited by TicTacWoe; 12-23-2009 at 04:23 PM.

  13. #30
    Join Date
    Nov 2008
    Posts
    43
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default

    could anyone explain this to me? sorry bout the quick bump but im kinda in a rush to get this thing done

Bookmarks

Posting Permissions

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