PDA

View Full Version : Multiframe Image Slideshow Horizontal Images



BigAitch
03-14-2011, 01:11 PM
1) Script Title: Multiframe Image Slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/multiframeslide.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?

azoomer
03-14-2011, 04:24 PM
BigAitch! It may help if you add float:left; in this part of the css


.seqslidestyle {
float: left;
margin-right: 15px;
}
and also delete the <br>

BigAitch
03-14-2011, 08:03 PM
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.

azoomer
03-14-2011, 08:54 PM
I guess we would need to see your page then. Post a link so we can check it out.

BigAitch
03-15-2011, 09:27 AM
Thank you :-)

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

Cheers

azoomer
03-15-2011, 11:46 AM
the two slideshows are a little to wide now with the margin, but if you set the margin-right to 0 it will work.


.seqslidestyle {
float: left;
margin-right: 0;
}

BigAitch
03-15-2011, 12:24 PM
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 :-)