Как добавить предварительный просмотр следующего и предыдущего слайдов при наведении навигации Owl Carousel (v1.3.3)?

Question

здесь прилагаемое IMG что я хочу

example image

кто-нибудь знает, кто я могу сделать это в сову карусельного v1.3.3 или даже в последней бета-версии, если его не представляется возможным в v1.3.3. Мне нужно показать предварительный просмотр следующего или предыдущего слайда, как наведите указатель на сову на следующую стрелку.

Спасибо.

Answer 1

Я думаю, что если вы можете позволить 3 предметам в карусели, а первая и последняя могут быть маленькими, то влево/вправо с z-индексом, меньшим, чем z-указатель стрелки, вы получите, что эффект, который вам нужен. Что ты думаешь?

Если это не сработает, рассмотрите возможность использования this, разъяснено here или this.

Если вы используете ссылку из jsfiddle, пожалуйста, проверьте функцию оттуда,

 // i - counter 
     // Give some styles and set background image for pagination item 
     .css({ 
      'background': 'url(' + $(this).find('img').attr('src') + ') center center no-repeat', 
      '-webkit-background-size': 'cover', 
      '-moz-background-size': 'cover', 
      '-o-background-size': 'cover', 
      'background-size': 'cover' 
     }) 
     // set Custom Event for pagination item 
     .click(function() { 
      owl.trigger('owl.goTo', i); 
     }); 

});