Question

我设法获得一个旋转木马，这样当图像被更改时，它将显示您正在查看的数字图像。

如果是选择的图像编号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 ）将类激活添加到当前所选图像的图像标记类（以及标题）

Answer 1

$("img.caption").eq(index).addClass("extraClass");

Jquery - 将Class添加到活动Carousel图像的图像标记

1 个答案: