如何通过<a href="http://flowplayer.org/tools/demos/scrollable/site-navigation.html" rel="nofollow">flowplayer</a></p> <p>我已经设置了垂直滚动，共有4个瓷砖类添加到jQuery的图像滚动

我使用jQuery的工具滑块的第一和最后一个可见的元素，用3瓦是一次可见。包裹元素有一个边界半径，我现在想要在视图中相应的第一个和最后一个瓷砖上设置半径。如何通过<a href="http://flowplayer.org/tools/demos/scrollable/site-navigation.html" rel="nofollow">flowplayer</a></p> <p>我已经设置了垂直滚动，共有4个瓷砖类添加到jQuery的图像滚动

这是我有：

<div class="iTunesBanner" style="border-radius: .6em"> 
    <div class="outer_container"> 
     // other stuff 
    </div> 

    <div class="scroll_container"> 
     <div class="scrollable vertical"> 
      <div class="items"> 
       <div class="logo_container"></div> 
       <div class="logo_container"></div> 
       <div class="logo_container"></div> 
       <div class="logo_container"></div> 
      </div> 
     </div> 
    </div> 
</div><!-- banner -->

和init：

$(function() { 
    if ($('.items').children().length > 1) { 
     $(".scrollable").scrollable({ vertical: true, circular: true }).autoscroll(7500); 
     $('.logo_container:eq(2)').clone().insertAfter('.logo_container:eq(4)').addClass('clone2nd cloned'); 
     $('.logo_container:eq(3)').clone().insertAfter('.clone2nd').addClass('clone3rd cloned'); 
     $('.logo_container:eq(4)').clone().insertAfter('.clone3rd').addClass('clone4th cloned'); 
    } 
});

所以我基本上做4组+ 3的元素，然后旋转木马轮。我将logo_container的高度设置为scroll_container的1/3，因此我一次可以看到3个贴图。

我现在想要将一个类附加到第一个和最后一个可见的拼贴上，以便为这些元素提供边框。

这可能没有钻研插件？

感谢您的任何提示。完全失去了这里。

来源

2012-01-12 frequent

试试这个：

$(".logo_container:first-child").addClass("first"); 
$(".logo_container:last-child").addClass("last");

确保将已添加3个额外的元素之后。

来源

2012-01-12 11:35:46

mh。咱们试试吧。但我担心它不会奏效，因为一旦第一个孩子出现在视线之外，下面的图块将成为“第一个可见孩子”。我们来看看 – frequent 2012-01-12 11:56:29

啊，所以你需要这个来更新页面滚动时最顶层的可见元素？ – 2012-01-12 11:57:14

正确。它需要在滚动时更新。我只是通过脚本检查。似乎整个_item_元素正在被拉起，所以唯一“发生”的是它的css顶部位置变化。嗯。恐怕没有帮助 – frequent 2012-01-12 12:06:57

喜欢的东西

$('.logo_container:first, .logo_container:last').addClass('someclass');

可能？

来源

2012-01-12 11:37:34 Johan

如何通过<a href="http://flowplayer.org/tools/demos/scrollable/site-navigation.html" rel="nofollow">flowplayer</a></p> <p>我已经设置了垂直滚动，共有4个瓷砖类添加到jQuery的图像滚动

回答

相关问题