Да, это действительно работает, спасибо.
А может кто-нибудь знает, как сделать, чтобы центральный элемент слайдера был увеличенным? Фотка, шрифты. Стили то прописать я смогу, а вот с jQuery-выделением нужного элемента пока не получается.
Пока выделаю видимые 3 слайда, потом 2-му (центральный) назначаю CSS-стили - ширину побольше делаю самого слайда, и ширину картинки слайда тоже больше. Но проблема в том, чтоб при клине на стрелку "Вправо" не всегда увеличивается нужный слайд. Там ещё при пролистывании текущий слайд уходит влево (например), и его обратно уменьшить надо.
В разделе head у меня вот это пока:
<script>
$(document).ready(function(){
$(".bx-next").click(function () {
//alert('Нажата кнопка Вперед');
var $zooming_element = $('.slide:not(.bx-clone)');
//Элемент, который надо увеличить
$target=$zooming_element[1];
$($target).css({
'width':'300'+'px',
'height':'auto'
}
);
$($target).children('img').css({
'width':'100'+'%',
'height':'100'+'%'
});
});
});
</script>
Всю верстку вот сюда выложил:
http://youran88.hol.es/
В идеале слайдер вот так должен выглядеть:
Помогите пожалуйста, кто знает.