jQuery цикл исчезает при наведении курсора - PullRequest
Новая
       39

jQuery цикл исчезает при наведении курсора

0 голосов
/ 15 февраля 2012

Я только что сделал слайдер для веб-сайта с пейджером, который меняет слайд при срабатывании события наведения мыши. Я использую плагин JQuery цикла версии 2.99

Проблема в том, что эффект затухания исчезает при использовании pagerEvent 'mouseover'.

Я не знаю, в чем проблема, потому что когда я изменяю pagerEvent, чтобы щелкнуть, эффект затухания работает правильно.

Кто-нибудь может помочь с этим?

Спасибо!

Код JavaScript: 

function initSlideshow() {
$('#slides')
.before('<div id="nav">')
.cycle({
    timeout: 0,
    speed:   1500,
    pager: '#nav',
    pagerEvent:   'mouseover', // name of event which drives the pager navigation
    pauseOnPagerHover: true
});
}

Html: 

<div id="slider_wrapper">        
    <div id="nav">
        <a id="slide_1" href="#" class="">Dakkapellen</a>
        <a id="slide_2" href="#" class="">Dakkapellen</a>
        <a id="slide_3" href="#" class="">Dakkapellen</a>
        <a id="slide_4" href="#" class="">Dakkapellen</a>
    </div>
    <div id="slides">
            <div class="slide">
                <div class="image"><img src="images/sfeer/sfeer_01.jpg" alt="" /></div>
                <div class="title">Dakkapel al vanaf</div>
                <a href="#" title=""></a>
            </div>
            <div class="slide">
                <div class="image"><img src="images/sfeer/sfeer_02.jpg" alt="" /></div>
                <div class="title">Dakvenster vanaf</div>
                <a href="#" title=""></a>
            </div>
            <div class="slide">
                <div class="image"><img src="images/sfeer/sfeer_03.jpg" alt="" /></div>
                <div class="title">Nieuwe zolder in &eacute;&eacute;n week</div>
                <a href="#" title=""></a>
            </div>
            <div class="slide">
                <div class="image"><img src="images/sfeer/sfeer_04.jpg" alt="" /></div>
                <div class="title">Rente fiscaal aftrekbaar!</div>
                <a href="#" title=""></a>
            </div>
        </div>
    </div>

Надеюсь, это поможет!

1 Ответ

0 голосов
/ 15 февраля 2012

Я воссоздал слайдер, используя ваш код на этой скрипке . Он отлично работает с кодом, который вы опубликовали. Я предполагаю, что вы пропустили код для параметра pagerAnchorBuilder. Я думаю, проблема в том, что у вас может быть прослушиватель событий, который захватывает события наведения мыши и, возможно, останавливает распространение, возвращая false или что-то еще. Проблема определенно выглядит так, как будто она пришла откуда-то еще.

...