How do I add a basic FlexSlider to the body? I only need a very simple slider on a single page and so I just want to use Flexslider's most basic HTML options. But I cannot get it to work!

My code is pasted from http://flexslider.woothemes.com/basic-slider-with-custom-direction-nav.html except that I'm using images from my test server. I have triple and quadrupal (pun intended) checked that my styles are correct.

Here is the first bit of HTML:

&lt;div class="flexslider optionset-default"&gt;
   &lt;ul class="slides"&gt;


I have confirmed that FlexSlider is working by creating a View and adding it as a block.

One clue: My images all disappear on my test page when the flexslider block is active, which suggests to me that the flexslider JS is NOT being loaded normally (I presume it's loading its CSS dynamically).

Without hacking my theme files or adding JQuery code to my theme, is there a way to get FlexSlider to load in this scenario?
Just copying HTML-part won't work as the page needs FlexSlider java script. So add it either by calling drupal_add_js() or modifying the html.tpl.php file of your theme.