Arkadiy Parinov

Данный пример не работает, т.к. вы каждый раз применяете один и тот же класс, чтобы вращать элемент постоянно необходимо хранить текущее положение элемента (а вернее угол повотора), увеличивать его по клику и применять свойство к элементу.

С помощью JQuery будет как-то так:

var rotation = 0;                             // variable to do rotation with
    $(".slider-wrapper .circle").click(function() {
        rotation = (rotation + 45) % 360; // the mod 360 probably isn't needed
        $(this).rotate(rotation);

Код взял отсюда

https://github.com/carhartl/jquery-cookie#readme

В success функции:

var bin = $($.parseHTML(response)).filter("#a1").text();

bxslider.com/examples/carousel-demystified

проверяйте ширину экрана и меняйте свойства minSlides и maxSlides