Вам необходимо закачать на сайт файл из папки css
screen.css, из папки js файл
easySlider1.7.js, из папки images
bg.jpg, btn_next.png, btn_prev.png
так же
загрузить изображения которые вы хотите отображать в слайдере
Далее вам необходимо в коде файла HTML найти код {BODY} и перед ним вставить этот код из примера
<div id="content">
<div id="slider">
<ul>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}01.jpg" alt="" /></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}03.jpg" alt="" /></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}02.jpg" alt="" /></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}04.jpg" alt="" /></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}05.jpg" alt="" /></a></li>
</ul>
</div>
</div>
где вместо 01.jpg и тд вы вставляете название ваших изображений которые хотите выводить в слайдере
после этого кода (ниже него)
вставьте код
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
Далее там же (файл HTML) найти строку
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
ПЕРЕД ней вставить код
<script type="text/javascript" src="{ASSETS_JS_PATH}easySlider1.7.js"></script>
найти строку
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />
и ПОСЛЕ нее вставить код
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}screen.css" type="text/css" />
в файле screen.css
найти код
body {
background: url('../images/bg.jpg') repeat;
}
заменить на код
body {
background: url('{ASSETS_IMAGES_PATH}bg.jpg') repeat;
}
а так же код
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url('../images/btn_prev.png') no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url('../images/btn_next.png') no-repeat 0 0;
}
заменить на код
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url('{ASSETS_IMAGES_PATH}btn_prev.png') no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url('{ASSETS_IMAGES_PATH}btn_next.png') no-repeat 0 0;
}