<div>
<link href="/Jquery/sliderman.css" rel="stylesheet" type="text/css" /> <script src="/Jquery/sliderman.js" type="text/javascript"></script>
<div id="examples_outer" style="">
<div id="slider_container_2">
<div id="SliderName_2" class="SliderName_2"><img style="display: none;" src="/Slide/Slide(1).jpg" alt="" title="Sở Tài Nguyên Và Môi Trường TP.HCM" usemap="#img1map" width="710" height="300" /> <map id="map1" name="img1map">
<area href="#img1map-area1" shape="rect" coords="100,100,200,200" />
<area href="#img1map-area2" shape="rect" coords="300,100,400,200" /> </map> <img style="display: none;" src="/Slide/Slide(2).JPG" alt="Demo2 second" title="Demo2 second" width="710" height="300" /> <img style="display: none;" src="/Slide/Slide(3).JPG" alt="Demo2 third" title="Demo2 third" width="710" height="300" /> <img style="display: none;" src="/Slide/Slide(4).JPG" alt="Demo2 fourth" title="Demo2 fourth" width="710" height="300" /> <img style="display: none;" src="/Slide/Slide(5).JPG" alt="Demo2 fourth" title="Demo2 fourth" width="710" height="300" /> <img style="display: none;" src="/Slide/Slide(6).JPG" alt="Demo2 fourth" title="Demo2 fourth" width="710" height="300" /> <img style="display: none;" src="/Slide/Slide(7).JPG" alt="Demo2 fourth" title="Demo2 fourth" width="710" height="300" /> <img style="display: none;" src="/Slide/Slide(8).JPG" alt="Demo2 fourth" title="Demo2 fourth" width="710" height="300" />
<div style="width: 715px; height: 300px; position: relative; margin: 5px;">
<div style="width: 715px; height: 300px; position: absolute; top: 0px; left: 0px; display: block;">
<div style="width: 715px; height: 300px; position: absolute; top: 0px; left: 0px; overflow: hidden;"><img alt="" src="/Slide/Slide(8).jpg" width="715" height="300" /></div>
</div>
<div style="width: 715px; height: 300px; position: absolute; top: 0px; left: 0px; display: block;"> </div>
<div style="visibility: visible;">
<div style="position: absolute; overflow: hidden; text-align: left; background: none repeat scroll 0% 0% rgb(0, 0, 0); opacity: 0.4; width: 715px; height: 50px; bottom: 0px; left: 0px;"> </div>
<div style="position: absolute; overflow: hidden; text-align: left; opacity: 1; width: 715px; height: 50px; bottom: 0px; left: 0px;"> </div>
</div>
</div>
</div>
<div id="SliderNameNavigation_2"> </div>
<script type="text/javascript">
effectsDemo2 = 'rain,stairs,fade';
var demoSlider_2 = Sliderman.slider({ container: 'SliderName_2', width: 715, height: 300, effects: effectsDemo2,
display: {
autoplay: 5000,
/*loading: { background: '#000000', opacity: 0.5, image: '/images/loading.gif' },*/
buttons: { hide: true, opacity: 1, prev: { className: 'SliderNamePrev_2', label: '' }, next: { className: 'SliderNameNext_2', label: ''} },
navigation: { container: 'SliderNameNavigation_2', label: '<img src="/images/clear.gif" />' }
}
});
</script></div>
</div>
</div>