New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact


<script type="text/javascript" src=""></script>
<script type="text/javascript" src="jquery.touchSwipe.min.js"></script>
<style type="text/css">

#myreel{ /*sample CSS for demo*/
border:15px solid black;

width: 330px;
font:bold 14px Arial;


<script src="reelslideshow.js" type="text/javascript">

* Continuous Reel Slideshow- Dynamic Drive (
* This notice MUST stay intact for legal use
* Visit for this script and 100s more.


<script type="text/javascript">

var firstreel=new reelslideshow({
wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
[""], //["image_path", "optional_link", "optional_target"]
["", "", "_new"],
[""] //<--no trailing comma after very last image element!
displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true},
orientation: "h", //Valid values: "h" or "v"
persist: true, //remember last viewed slide and recall within same session?
slideduration: 300 //transition duration (milliseconds)



<div id="myreel"></div>

<div class="paginate">
&#8804; <a href="javascript:firstreel.navigate('back')" style="margin-right:200px;">back</a> <a href="javascript:firstreel.navigate('forth')">forth</a> &#8805;