特集コンテンツスライダ - ホバー変更 - スライドフリッカー

Question

誰でも助けてもらえますか？

私はクライアント用に開発しているウェブサイトにfeatured content sliderを追加しました。そして、彼らが尋ねたコメントの1つは、ホバー上でスライド遷移が発生する可能性があるかどうかです。実際にはui-tabs）をリンク先URLに追加します。

は、私が持っているjQueryのは、それは機能追加「ホバー上の一時停止」を持っている

$(document).ready(function(){ 
    $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 
    $("#featured").hover( 
    function() { 
     $("#featured").tabs("rotate",0,true); 
    }, 
    function() { 
    $("#featured").tabs("rotate",5000,true); 
    } 
    ); 
    }); 

（私はまだ見て学んでいる）のデモと一緒に付属の標準です。私は次のようにマウスオーバーに変更するスライダーを得ることができた

<ul class="ui-tabs-nav"> 
    <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><span class="panelTitle">Find a<br /> 
     <span class="panelTitleMain">Boat</span></span> <span class="panelCopy">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></a></li> 
    <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><span class="panelTitle">Find an ABYA<br /> 
     <span class="panelTitleMain">Broker</span></span> <span class="panelCopy">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></a></li> 
    <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><span class="panelTitle">TBC<br /> 
     <span class="panelTitleMain">TBC</span></span> <span class="panelCopy">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></a>&lt;</li> 
    </ul> 

が、ロードするときに、今の画像がちらつきされています

とにかく、タブのHTMLは以下の通りです。

$("#featured").tabs({event: 'mouseover', fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 
$("#featured").hover( 
function() { 
    $("#featured").tabs("rotate",0,true); 
}, 
function() { 
$("#featured").tabs("rotate",5000,true); 
} 
); 

Answer 1

はいロード中に点滅して終了しました。

しかし、私は今ではそれのための解決策を見つけました。ちょうどコード'fx:{opacity: "toggle"}'を機能から取り除いて、それは正常に動作します。

トグルとマウスオーバーの両方が必要ないと思います。