Results 1 to 7 of 7

Thread: Multiframe Image Slideshow Horizontal Images

  1. #1
    Join Date
    Mar 2011
    Posts
    4
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default Multiframe Image Slideshow Horizontal Images

    1) Script Title: Multiframe Image Slideshow

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

    3) Describe problem: I am struggling to get the images to display horizontally rather than vertically.

    I am looking at this part of the script:
    //Specify code to insert between each slide (ie: "<br>" to insert a line break and create a vertical layout)
    //"" for none (or horizontal):
    var slideseparater="<br>"

    I have changed this to be:
    //Specify code to insert between each slide (ie: "<br>" to insert a line break and create a vertical layout)
    //"" for none (or horizontal):
    var slideseparater=""

    However, it makes no difference, the images still appear vertically.

    please can you help?

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    BigAitch! It may help if you add float:left; in this part of the css
    Code:
    .seqslidestyle {
        float: left;
        margin-right: 15px;
    }
    and also delete the <br>

  3. The Following User Says Thank You to azoomer For This Useful Post:

    BigAitch (03-15-2011)

  4. #3
    Join Date
    Mar 2011
    Posts
    4
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Thanks for replying azoomer.

    I have edited the Header and added
    float:left;
    and made sure "<br>" is deleted as you suggested.

    However, it doesn't make any difference. The images still appear vertically not horizontally.

    Any other ideas? Thank you.

  5. #4
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    I guess we would need to see your page then. Post a link so we can check it out.

  6. The Following User Says Thank You to azoomer For This Useful Post:

    BigAitch (03-15-2011)

  7. #5
    Join Date
    Mar 2011
    Posts
    4
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Thank you :-)

    The web address is: www.biblestoryzone.co.uk

    Cheers

  8. #6
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    the two slideshows are a little to wide now with the margin, but if you set the margin-right to 0 it will work.
    Code:
    .seqslidestyle {
        float: left;
        margin-right: 0;
    }

  9. The Following User Says Thank You to azoomer For This Useful Post:

    BigAitch (03-15-2011)

  10. #7
    Join Date
    Mar 2011
    Posts
    4
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Thumbs up

    Thank you so much! That's fixed the problem.

    I'm assuming, therefore, that my images were too wide to fit in the space I had allocated as well as the margin that was allocated in the header, so it wrapped them around - looking as if they were stacking vertically?

    Thank you again for your help :-)

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
  •