我设法得到一个轮播,这样当图像改变时,它会显示你正在看的数字图像。
如果选择的是图像编号 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 ) 将活动类添加到当前所选图像的图像标签类(连同标题)