PDA

View Full Version : Aligning the Drop In Slide Show



BorderTerroir
09-02-2010, 06:13 AM
1) Script Title: Drop-In Slide Show

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

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

Thanks in advance

John

lilpete
09-02-2010, 09:18 AM
Hi,
I would just wrap them in <div> tags and put a little bit of inline CSS to tell them what to do..


<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. :)

lilpete
09-02-2010, 09:28 AM
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?! :)

BorderTerroir
09-02-2010, 12:08 PM
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