<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sliderman.js - Examples - Created by Devtrix.net</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="keywords" content="slideman, sliderman.js, javascript slider, jquery, slideshow, effects" />
<meta name="description" content="Sliderman.js - will do all the sliding for you :)" />
<style type="text/css">
* { margin: 0; outline: none; }
body
.c { clear: both; }
#wrapper { margin: 0 auto; padding: 0 40px 60px 40px; width: 960px; }
h2 { padding: 20px 0 10px 0; font-size: 24px; line-height: 40px; font-weight: normal; color: #adc276; text-shadow: 0 1px 3px #222222; }
</style>
<!-- sliderman.js -->
<script type="text/javascript" src="js/sliderman.1.2.0.js"></script>
<link rel="stylesheet" type="text/css" href="css/sliderman.css" />
<!-- /sliderman.js -->
</div>
<body>
<div id="SliderName_2" class="SliderName_2">
<div id="SliderNameNavigation_2"></div>
<img src="img/banner1.jpg" width="935" height="382" />
<img src="img/banner2.jpg" width="935" height="382" />
<img src="img/banner3.jpg" width="935" height="382" />
<img src="img/banner4.jpg" width="935" height="382" />
</div>
<div class="c"></div>
<div class="c"></div>
<script type="text/javascript">
effectsDemo2 = 'rain,stairs,fade';
var demoSlider_2 = Sliderman.slider({container: 'SliderName_2', width: 935, height: 382, effects: effectsDemo2,
display: {
autoplay: 3000,
loading: {background: '#000000', opacity: 0.5, image: 'img/loading.gif'},
buttons: {hide: true, opacity: 1, prev: {className: 'SliderNamePrev_2', label: ''}, next: {className: 'SliderNameNext_2', label: ''}},
description: {hide: true, background: '#000000', opacity: 0.4, height: 50, position: 'bottom'},
navigation: {container: 'SliderNameNavigation_2', label: '<img src="img/clear.gif" />'}
}
});
</script>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
</body>
</html>