вот что я вставляю в контент-блок (в дримвивере не работает тоже).
так в чем ошибка ?
[HTML]<link href="http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/example.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://kbp.aerof/1/infrastructure/hotels/airport-hotel/font-awesome.min.css" />
<style>
body {
-webkit-font-smoothing: antialiased;
font: normal 15px/1.5 "Arial, sans-serif;
color: #232525;
padding-top:70px;
}
#slides {
display: none
}
#slides .slidesjs-navigation {
margin-top:5px;
}
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
background-image: url(http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/btns-next-prev.png);
background-repeat: no-repeat;
display:block;
width:12px;
height:18px;
overflow: hidden;
text-indent: -9999px;
float: left;
margin-right:5px;
}
a.slidesjs-next {
margin-right:10px;
background-position: -12px 0;
}
a:hover.slidesjs-next {
background-position: -12px -18px;
}
a.slidesjs-previous {
background-position: 0 0;
}
a:hover.slidesjs-previous {
background-position: 0 -18px;
}
a.slidesjs-play {
width:15px;
background-position: -25px 0;
}
a:hover.slidesjs-play {
background-position: -25px -18px;
}
a.slidesjs-stop {
width:18px;
background-position: -41px 0;
}
a:hover.slidesjs-stop {
background-position: -41px -18px;
}
.slidesjs-pagination {
margin: 7px 0 0;
float: right;
list-style: none;
}
.slidesjs-pagination li {
float: left;
margin: 0 1px;
}
.slidesjs-pagination li a {
display: block;
width: 13px;
height: 0;
padding-top: 13px;
background-image: url(http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
background-position: 0 -26px
}
#slides a:link,
#slides a:visited {
color: #333
}
#slides a:hover,
#slides a:active {
color: #9e2020
}
.navbar {
overflow: hidden
}
</style>
<style>
#slides {
display: none
}
.container {
margin: 0 auto
}
/* For tablets & smart phones */
@media (max-width: 767px) {
body {
padding-left: 20px;
padding-right: 20px;
}
.container {
width: auto
}
}
/* For smartphones */
@media (max-width: 480px) {
.container {
width: auto
}
}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 900px) {
.container {
width: 724px
}
}
/* For larger displays */
@media (min-width: 900px) {
.container {
width: 900px
}
}
</style>
<div class="container">
<div id="slides">
<a href="www.kbp.aero"><img src="http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/aeroslide1.png" alt="picture1" /></a>
<a href="www.kbp.aero"><img src="http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/aeroslide2.png" alt="picture1" /></a>
<a href="www.kbp.aero"><img src="http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/aeroslide3.png" alt="picture1" /></a>
</div>
</div>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/jquery.slides.min.js"></script>
<script>
$(function() {
$('#slides').slidesjs({
width: 900,
height: 200,
play: {
active: true,
auto: true,
interval: 2000,
swap: true
}
});
});
</script>
[/html]