Dynamic Ajax/Flexi Slideshow Problems

[yourexhalekiss]

Dynamic Ajax:
http://www.dynamicdrive.com/dynamici...jaxcontent.htm

Flexi Slideshow:
http://www.dynamicdrive.com/dynamici...flexislide.htm

I'm trying to use the Dynamic Ajax code to load an external page with dynamic content (the Flexi Slideshow script) into a main div. The Dynamic Ajax code works fine for all the static external html.

I know that when I use dynamic content inside a Dynamic Ajax div, I'm supposed to use external .css and .js files:

If you wish to style your external pages using CSS or JavaScript, you should NOT insert them directly inside the external page. Rather, save them as external files (.css and .js), and let the script apply them dynamically when the external page is loaded using function "loadobjs()". Here's an example:

<a href="javascript:ajaxpage('test.htm', 'contentarea'); loadobjs('external.css', 'feature.js')">test</a>
<div id="contentarea"></div>
The above link not only loads "test.htm" into a DIV, but also applies "external.css" and "feature.js" to the page at the same time, which presumably should contain code that targets specifically the HTML inside "test.htm".

Where, exactly, should I put the

javascript:ajaxpage('test.htm', 'contentarea'); loadobjs('external.css', 'feature.js')

line of code? What part of the page?

For reference, the main page is at http://www.lukeandlauren.com/index2test.html and the external page with troublesome (non appearing) dynamic content is at http://www.lukeandlauren.com/mainfronttest.html .

Any help I could get would be great.

[yourexhalekiss]

There's some somewhat random loadobj code thrown around the source of mainfronttest.html, which makes it display funny. Sorry about that.

[yourexhalekiss]

I tried out two other different Javascript slideshow scripts from elsewhere around the web. They displayed the first image, unlike this one, but they didn't rotate through the rest of the images.