I want to add a scrolling set of pictures like on the top of the home page on the default website for DNN 7.  It looks like it is a container and the total HTML code for the page is this;

<div id="container">
<div id="example">
<div id="slides">
<div class="slides_container">
<a href="#" title="banner 1"><img width="980" height="380" alt="Slide 1" src="/portals/3/Images/Banner1.jpg" /></a>
<a href="#" title="banner 2"><img width="980" height="380" alt="Slide 2" src="/portals/3/Images/Banner2.jpg" /></a>
<a href="#" title="banner 3"><img width="980" height="380" alt="Slide 3" src="/portals/3/Images/Banner3.jpg" /></a>
<a href="#" title="banner 4"><img width="980" height="380" alt="Slide 4" src="/portals/3/Images/Banner4.jpg" /></a>
</div>
<div class="pagination_wrap">
<a href="#" class="prev">&nbsp;</a
<a href="#" class="next">&nbsp;</a>
</div>
</div>
</div>
<div class="clear"></div>
</div>

However when I add that to an HTML module on a new page I get a blank page even though the HTMl is there to edit in the HTML module.

How do I add that scrolling set of pictures to a page????