Results 1 to 2 of 2

Thread: Left/Right Curtain Script Change

  1. #1
    Join Date
    Aug 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Left/Right Curtain Script Change

    I'm referring to the Left/Right Curtain Effect at

    http://www.dynamicdrive.com/dynamicindex3/document6.htm

    I'm wondering if it's possible to replace the curtains of solid color with individual images of a left and right curtain.

    I have a stock photo of a theater curtain. I can cut it into two halves, a left.jpg and a right.jpg.

    I'd like the script to do the same curtain effect, but move left.jpg and right.jpg from the center outwards until they disappear. Or something similar.

    Any ideas how it could be done?

    Thanks much.

    Sean

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Without a major rewrite of the script and perhaps even then, no. However, an effect much like what you are talking about can easily be achieved by rewriting the style section and creating one image that can be tiled to look like a curtain. So that this image can be viewed side to side and repeated vertically, it must be symmetrical left to right and top to bottom. This means, in the case of a curtain image, it would contain just one fold or billow. It's dimensions should be roughly the width of the fold or billow and about 100px in height. Don't worry about getting the image perfect at first, you can fine tune it once you get the effect working. Here is how to modify the style:
    Code:
    <style>
    .intro{
    position:absolute;
    left:0;
    top:0;
    layer-background-color:red;
    background:red url('curtain.gif');
    border:20px solid transparent!important;border:none;
    z-index:9;
    }
    </style>
    The border only comes into play with Mozilla and its size may need to be adjusted with any given image to avoid a gap in the curtain.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •