Code
<script type="text/javascript" src="amazon_scroller.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$("#amazon_scroller").amazon_scroller({
scroller_title_show: 'enable',
scroller_time_interval: '3000',
scroller_window_background_color: "none",
scroller_window_padding: '10',
scroller_border_size: '2',
scroller_border_color: '#9C6',
scroller_images_width: '80',
scroller_images_height: '60',
scroller_title_size: '11',
scroller_title_color: 'black',
scroller_show_count: '3',
directory: 'http://center-dm.ru/data/jQuery/Amazon_ckroller/'
});
});
</script>
Code
<div id="amazon_scroller" class="amazon_scroller">
<div class="amazon_scroller_mask">
<ul>
<li><a href="#"><img src="img/Fade_Out_01.jpg" alt="title"/></a></li>
<li><a href="#"><img src="img/Fade_Out_02.jpg" alt="title"/></a></li>
<li><a href="#"><img src="img/Fade_Out_03.jpg" alt="title"/></a></li>
<li><a href="#"><img src="img/Fade_Out_04.jpg" alt="title"/></a></li>
<li><a href="#"><img src="img/Fade_Out_01.jpg" alt="title"/></a></li>
<li><a href="#"><img src="img/Fade_Out_02.jpg" alt="title"/></a></li>
<li><a href="#"><img src="img/Fade_Out_03.jpg" alt="title"/></a></li>
<li><a href="#"><img src="img/Fade_Out_04.jpg" alt="title"/></a></li>
<li><a href="#"><img src="img/Fade_Out_01.jpg" alt="title"/></a></li>
<li><a href="#"><img src="img/Fade_Out_02.jpg" alt="title"/></a></li>
<li><a href="#"><img src="img/Fade_Out_03.jpg" alt="title"/></a></li>
</ul>
</div>
<ul class="amazon_scroller_nav">
<li></li>
<li></li>
</ul>
<div style="clear: both"></div>
</div>
Code
/* Светлая кнопка наверх
------------------------------------------*/
.top_dm {
font: 11px Verdana,Arial,Helvetica, sans-serif;
color:#444;
text-shadow:0 1px 1px #fff;
cursor: pointer;
position:fixed;
bottom:-3px;
right:50px;
background:#D6D6D6;
margin: 0px;
padding:5px 10px 7px 10px;
border:1px solid #909090;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.top_dm:hover{
color:#444;
background:#EAEAEA
}