Do you want the auto slide or the manual slide?
A simple view source for the page shows:
[HTML]<div id="slider1" class="contentslide c1">
<div class="contentdiv">
<div><a href="http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/">SuckerTree Menu (h)</a></div>
<img src="http://www.dynamicdrive.com/cssexamples/suckertree2.gif" border="1" style="float: right; margin: 0 0 1px 5px" />
SuckerTree Horizontal Menu is a CSS and DOM hybrid menu that's list based and supports multiple levels of sub menus.
</div>
<div class="contentdiv">
<div><a href="http://www.dynamicdrive.com/style/csslibrary/item/half-moon-tab-menu/">Half moon tab menu</a></div>
<img src="http://www.dynamicdrive.com/cssexamples/halfmoon.gif" style="float: right; margin-left: 5px" border="1" />
We named this CSS tab menu "Half Moon" based on its look. The menu uses a transparent background image for each tab item to create a right round edge.
</div>
<div class="contentdiv">
<div><a href="http://www.dynamicdrive.com/style/csslibrary/item/slanted-divider-menu/">Slanted Divider Menu</a></div>
<img src="http://www.dynamicdrive.com/cssexamples/slantedmenu.gif" style="float: right; margin-left: 5px" border="1" />
This is an elegant CSS menu bar that uses a transparent "slanted" image to act as a divider and separate each menu item.
</div>
</div>
<div class="pagination p1" id="paginate-slider1"></div>
<script type="text/javascript">
ContentSlider("slider1", 3000)
</script>
[/HTML] for the auto slide and:
[HTML]<div id="slider2" class="contentslide c2">
<div class="contentdiv" style="background: url(../dynamicindex4/lightbox2/horses.jpg) center left no-repeat">
</div>
<div class="contentdiv" style="background: url(../dynamicindex4/lightbox/pine.jpg) center left no-repeat">
</div>
<div class="contentdiv" style="background: url(../dynamicindex4/lightbox/ocean.jpg) center left no-repeat">
</div>
<div class="contentdiv" style="background: url(../dynamicindex4/lightbox2/sushi2.jpg) center left no-repeat">
</div>
</div>
<div class="pagination p2" id="paginate-slider2"></div>
<script type="text/javascript">
ContentSlider("slider2")
</script>[/HTML] for the manual slide.
Adapt to your needs. Notice in particular, e.g
- style="background: url(../dynamicindex4/lightbox/ocean.jpg) center left no-repeat"
for the manual slide. Replace the url with the url to your image.