Owl Carousel увеличение при наведении
Здравствуйте ув. форумчане, может кто подскажет как реализовать увеличение картинки при наведении на фото? Облазил всю документацию, не нашел упоминаний о такой плюшке, вот тут реализовано это:
Код:
http://kuhni-cherry.by/ |
Bloody,
смотрите css на сайте, а не документацию на слайдер |
Цитата:
|
Bloody,
при наведении на блок, слайдеру и блоку присваиваются классы, согласно этим классам, остальные блоки становятся невидимыми, и обратно классы снимаются, когда курсор уходит с блока. вот весь вариант. при желании, наверное можно и без js. |
Bloody,
нет там никакого увеличения, есть показать/скрыть, ищите тут:
$('.slider-box .owl-carousel').owlCarousel({
'nav': !0,
'navText': [
],
'dots': !1,
'loop': !0,
'onInitialized': function () {
$('.slider-carousel .slider-item').hover(function () {
var e = $(this).attr('data-item');
$('.slider-active [data-item="' + e + '"]').addClass('visible'),
$('.slider-carousel').addClass('hover')
}, function () {
var e = $(this).attr('data-item');
$('.slider-active [data-item="' + e + '"]').removeClass('visible'),
$('.slider-carousel').removeClass('hover')
})
},
.....
|
| Часовой пояс GMT +3, время: 12:57. |