What are the options for adding a slideshow to a page or post?

I tried adding the CSS styles and scripts inline (basically taking out the BODY and HEAD and using comments around the CSS styles)

<!--- <style type="text/css">

.slideshow { height: 232px; width: 232px; margin: auto }

.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

</style> --->

<!-- include jQuery library -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/..."></script>

<!-- include Cycle plugin -->

<script type="text/javascript" src="http://cloud.github.com/downloads/mal..."></script>

<script type="text/javascript">

$(document).ready(function() {

$('.slideshow').cycle({

fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...

});

});

</script>

<div class="slideshow">

<img src="http://cloud.github.com/downloads/mal..." width="200" height="200" />

<img src="http://cloud.github.com/downloads/mal..." width="200" height="200" />

<img src="http://cloud.github.com/downloads/mal..." width="200" height="200" />

<img src="http://cloud.github.com/downloads/mal..." width="200" height="200" />

<img src="http://cloud.github.com/downloads/mal..." width="200" height="200" />

</div>

: : : : : : : :

Note that the forums are chopping off the URLs above. Here's what I did: I stripped out the HTML, HEAD, BODY tags, commented out the CSS styles so browsers will see them but your readers won't. Used the existing script links and image links.