0

我设法得到一个轮播,这样当图像改变时,它会显示你正在看的数字图像。

如果选择的是图像编号 3,则列表行向下的 3 行是当前图像的代码。我能得到这是自动将一个类添加到嵌入列表中的图像标签吗?下面是我的代码,其中 itemvisiblein 函数基本上打印到某个 div。

我怎样才能清除所有活动名称的类,然后获取该数字并将该类添加到该特定行的图像标签中?(与标题当前所在的类相同)(因此,如果选择了图像 3,则将“活动”添加到嵌入在该代码 3 列表行中的图像标记中。

干杯,

<script type="text/javascript">
function itemVisibleIn(carousel, state){
    $("#gallerydescription").html(carousel.first);  //currently displays image number//

};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
    easing: 'backout',
        animation: 1000,
    vertical: true,
        scroll: 1,
    itemVisibleInCallback: itemVisibleIn, 
       });
});

<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
        <li><a href="images/gallery/placeholder1.png" rel="shadowbox" title="This is the description"><img class="caption" src="images/gallery/placeholder1.png" width="750" height="450" title="test Title1" alt="This is the title" /></a></li>
        <li><a href="images/gallery/placeholder1.png" rel="shadowbox" title="This is the description"><img class="caption" src="images/gallery/placeholder1.png" width="750" height="450" title="test Title1" alt="This is the title" /></a></li>
        <li><a href="images/gallery/placeholder1.png" rel="shadowbox" title="This is the description"><img class="caption" src="images/gallery/placeholder1.png" width="750" height="450" title="test Title1" alt="This is the title" /></a></li>

所以简而言之

1 ) 获取用于该图像的行(列表行) 2 ) 清除所有以前的活动类 3 ) 将活动类添加到当前所选图像的图像标签类(连同标题)

4

1 回答 1

1
$("img.caption").eq(index).addClass("extraClass");
于 2011-06-29T15:56:23.010 回答