Results 1 to 2 of 2

Thread: Ultimate Fade In Vertical Positioning

  1. #1
    Join Date
    Oct 2008
    Posts
    12
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Post Ultimate Fade In Vertical Positioning

    1) Script Title: Ultimate Fade-in slideshow (v1.51)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem: I'm not sure where this has been answered (if you know please kindly direct me there,) but I am trying to have 2 vertical slideshows which I have no trouble doing, but how can you effect where they position on the screen? Meaning they won't be directly above one-another. The bottom show will be offset to the left of the top show. What code do I need to effect where the two shows are positioned in accordance with one-another?

    Thanks in advance!

  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

    There are myriad ways to lay out a page. The slide shows are just elements. What should be useful is that you don't need to call them both from the same script block. For example (from the demo page):

    Code:
    <script type="text/javascript">
    //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
    new fadeshow(fadeimages, 140, 225, 0, 3000, 1, "R")
    new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)
     
    </script>
    The green part is just a comment/instructions. The red part is one call for a slide show, the highlighted part is another call for a different slide show.

    To make them separate (just an example):

    Code:
    Things May Be Put Here If You Want
    
    <div>
    <script type="text/javascript">
    new fadeshow(fadeimages, 140, 225, 0, 3000, 1, "R")
    </script>
    </div>
    
    Other Stuff Can Go Here If You Like
    
    <div style="padding-left:50px;">
    <script type="text/javascript">
    new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)
    </script>
    </div>
    
    More Stuff Here If You Want
    - 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
  •