slider and windows resize
by bvvell
HTML
<link rel="stylesheet" href="//yui.yahooapis.com/combo?pure/0.3.0/base-min.css&pure/0.3.0/grids-min.css&pure/0.3.0/forms-min.css&pure/0.3.0/tables-min.css">
<script src="//fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic-ext,cyrillic"></script>
<script src="//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic-ext,cyrillic"></script>
<link rel="stylesheet" href="http://shadow.perm.ru/test/name-mobile/css/style.css">
<link rel="stylesheet" href="http://shadow.perm.ru/test/name-mobile/css/style-responsive.css">
<script src="http://shadow.perm.ru/test/name-mobile/js/helper-plugins/jquery.touchSwipe.min.js"></script>
<script src="http://shadow.perm.ru/test/name-mobile/js/helper-plugins/jquery.ba-throttle-debounce.min.js"></script>
<script src="http://shadow.perm.ru/test/name-mobile/js/jquery.carouFredSel-6.2.1-packed.js"></script>
<h2 class="h2"><span>Хиты продаж</span> <div class="slider_btn_pn-wrap pure-hidden-desktop">
<a id="bestseller_prev" class="slider_btn_pn slider_btn_prev" href="#">Назад</a><a id="bestseller_next" class="slider_btn_pn slider_btn_next" href="#">Вперед</a>
</div></h2>
<div class="content-wrap">
<ul id="bestseller_slider" class="splash-slider">
<li>
<div class="item_splash-wrap">
<div class="splash-wrap clearfix">
<div class="splash-wrap--img">
<img src="http://shadow.perm.ru/test/name-mobile/img/img_phone1.jpg" width="150" height="260" alt="">
</div>
<div class="splash-body">
<div class="splash-body--review clearfix">
<div class="star" data-score="4"></div><a class="" href="#">13 отзывов</a>
</div>
<div class="splash-body--head">
<h3><a href="#">Samsung S 7562 Galaxy S Duos Chic White La Fleur</a></h3>
</div>
<div class="splash_count">
<div class="splash_count--price">
18 999 руб.
</div>
<div class="splash_count--basket">
<a...
JavaScript
function slider(){
if ($(window).width() <= 800){
$("#bestseller_slider").carouFredSel({
responsive: false,
items: {
visible: "variable"
//start: -1
},
scroll: {
items: 1,
duration: 300,
timeoutDuration: 1000
},
auto: false,
circular: true,
swipe: {
onTouch: true
},
prev: "#bestseller_prev",
next: "#bestseller_next"
});
} else {
$("#bestseller_slider").trigger("destroy");
}
}
slider();
$(window).resize(function(){
slider();
});