CSS位置箭頭元素 - jquery循環

Question

我想在以下代碼中放置兩個箭頭元素。它們應該是引用的左右兩邊，我會想要將它們掛接到jQuery循環中以將事物向左或向右移動。

http://jsfiddle.net/k8UvP/28/

$(document).ready(function() { 

$('#txtRotate').cycle({ 
    fx: 'scrollRight', 
    timeout: 3, 
    cleartypeNoBg: true 
}); 

}); 

Answer 1

週期插件有此內置功能使用prev和'未來

$(document).ready(function() { 
    $('#txtRotate').cycle({ 
     fx: 'scrollRight', 
     timeout: 0, 
     next: '#right', 
     prev: '#left' 
    }); 
}); 

Example jsFiddle

但是與你使用的效果（scrollRight）很難來區分兩個箭頭（實際上只有兩個元素是不可能的）。你可能想用scrollHorz效果代替

你真的應該看看plugin page，它有很多有用的例子（包括一個帶有上一個和下一個按鈕的例子）。這可能與去年你貼以及

編輯

通常，如果你想要的箭頭被定位在參考要素的問題你把它作爲一個孩子都有幫助。然而，因爲循環元素不允許這樣做，所以必須使用如下所示的jQuery。它觸發對窗口調整大小，因此它可以永遠留在符合不同尋常的定位週期元素

$(window).resize(function() { 
    var midWay = $('#txtRotate').offset().top + $('#txtRotate').height()/2; 
    console.log(midWay); 
    $('#left').css('top', midWay); 
    $('#right').css('top', midWay); 
}).resize(); 

Updated demo