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.
Bookmarks