Results 1 to 4 of 4

Thread: Aligning the Drop In Slide Show

  1. #1
    Join Date
    Dec 2008
    Location
    Selby, North Yorkshire
    Posts
    90
    Thanks
    28
    Thanked 2 Times in 2 Posts

    Default Aligning the Drop In Slide Show

    1) Script Title: Drop-In Slide Show

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

    3) Describe problem: I would like to have two slideshows running side by side.
    One set landscape, one set portrait. How do I align them to do it?

    Here's what I have so far;
    http://www.furrytalesflyball.co.uk/TestPage.htm

    Thanks in advance

    John

  2. #2
    Join Date
    Jul 2010
    Location
    Bridport, Dorset
    Posts
    58
    Thanks
    6
    Thanked 1 Time in 1 Post

    Default

    Hi,
    I would just wrap them in <div> tags and put a little bit of inline CSS to tell them what to do..

    Code:
    <p align="center">
    <div id="leftcol" style="float:left;width:450px;">
    <script type="text/javascript"> 
    //Define Image Array. Syntax: ["image_path", "url_destination", "url_target"]
    var myimages=new Array()
    myimages[0]=["Pictures/SlideShow/photo5.jpg", "", ""]
    myimages[1]=["Pictures/SlideShow/photo6.jpg", "", ""]
    myimages[2]=["Pictures/SlideShow/photo7.jpg", "", ""]
    //Create new drop-in slideshow
    //Syntax: new dropinslideshow(image_array, slideshow_width, slideshow_height, delay_before_rotation)
    new dropinslideshow(myimages, 450, 300, 3000)</script></div>
    <div id="rightcol" style="float:left;width:200px;">
    <script type="text/javascript"> 
    //Define Image Array. Syntax: ["image_path", "url_destination", "url_target"]
    var myimages=new Array()
    myimages[0]=["Pictures/SlideShow/photo1.jpg", "", ""]
    myimages[1]=["Pictures/SlideShow/photo2.jpg", "", ""]
    myimages[2]=["Pictures/SlideShow/photo3.jpg", "", ""]
    //Create new drop-in slideshow
    //Syntax: new dropinslideshow(image_array, slideshow_width, slideshow_height, delay_before_rotation)
    new dropinslideshow(myimages, 200, 300, 3000)
    </script></div> </p>
    That will put them side by side.

  3. #3
    Join Date
    Jul 2010
    Location
    Bridport, Dorset
    Posts
    58
    Thanks
    6
    Thanked 1 Time in 1 Post

    Default

    I seen you have managed it with tables, well done.

    Divs, external CSS and external Javascript files are prefered by the search engines, but if your not big on rankings its all good. As long the page works huh?!

  4. #4
    Join Date
    Dec 2008
    Location
    Selby, North Yorkshire
    Posts
    90
    Thanks
    28
    Thanked 2 Times in 2 Posts

    Default

    Thanks lilpete I'm nearly there.

    How do I center the two images?

    I used tables for the home page is that a better option?

    C:\FurryTalesFlyBall\index.htm

    John

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
  •