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