特色內容滑塊 - 更改懸停 - 幻燈片閃爍

我已將一個featured content slider添加到我爲客戶開發的網站，並且他們詢問的其中一個評論是幻燈片切換是否可以在懸停時發生，然後點擊幻燈片（或實際上是UI標籤）帶到目標網址。

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); 
    } 
    ); 
    });

它具有功能增加了「懸停暫停」。

不管怎樣，對於選項卡中的HTML是如下：

<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>

我設法讓滑塊以更改鼠標懸停與以下，但現在載入時的圖像閃爍。

$("#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); 
} 
);

任何想法？

來源

2012-05-11 V Neal

是的，我也加載時閃爍結束。

但我現在找到它的解決方案。只需從函數中刪除代碼'fx:{opacity: "toggle"}'，它將正常工作。

我認爲toggle和mouseover都不需要。

來源

2012-11-18 07:04:55 Neenu

特色內容滑塊 - 更改懸停 - 幻燈片閃爍

回答

相關問題