01:28
Интересный слайдер, но я даже не знаю, для чего он может пригодиться, однако, выкладываю на тот случай, если особо пытливые умы смогут найти ему применение
Установка:
После /head на нужных страницах вставляйте:
Code
<script type="text/javascript" src="/js/kwiks-2.js"></script>
<script type="text/javascript">
$().ready(function() {
$('.kwicks').kwicks({
gap : 5
});
});
</script>
<style type="text/css">
.divbox { border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: groove;
border-right-style: groove;
border-bottom-style: ridge;
border-left-style: ridge;
border-top-color: #333;
border-right-color: #333;
border-bottom-color: #000;
border-left-color: #000;
margin: 5px;
position: absolute;
}
.kwicks {
width: 600px;
height: 600px;
position: relative;
margin-top: 5px;
float: left;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #666;
}
</style>
В то место, где будет слайдер, вставляйте:
Code
<div class="kwicks">
<div class="divbox" style="background-color: #9C0;">a</div>
<div class="divbox" style="background-color: #930;">b</div>
<div class="divbox" style="background-color: #0F3;">c</div>
<div class="divbox" style="background-color: #F0F;">d</div>
<div class="divbox" style="background-color: #F00;">e</div>
<div class="divbox" style="background-color: #00C;">f</div>
</div>
Осталось лишь залить скрипт из прикреплённого архива в папку js
