Javascript 如何获取当前项目位置的当前图像源并突出显示该项目

我想突出显示当前项目，如何获取图像源和当前缩略图？

$（'#旋转木马span'）。附加（''；
$（“#拇指a”）。附加（“”）；
$（'旋转木马'）。旋转木马({
回答：是的，
通告:错,，
是的，
项目：{
可见:1,，
宽度：200，
身高：56%
},
滚动：{
fx:“directscroll”
}
});
$（“#拇指”）。卡鲁弗雷德塞尔({
回答：是的，
通告:对,，
无限：是的，
自动：{
剧本：真的
},
纸卷：
{
项目：1，
onBefore:function（）{
var pos=$（“#拇指”）.triggerHandler（“当前位置”）；
//警报（“转盘位于项目编号”+位置）；
}
},
上一页：“#上一页”，
下一个：“#下一个”，
项目：{
可见：{
民:2,，
最高：6
},
宽度：150，
身高：66%
}
});
$（“#拇指a”）。单击（函数（）{
$（'#carousel'）.trigger（'slideTo'，'#'）+this.href.split（'#'）.pop（）；
$（“#拇指a”）.removeClass（'selected'）；
$（this.addClass（'selected'）；
返回false；
});​

您可以通过添加以下内容获取图像源：

var src=$（this）.children（'img'）.attr（'src'）

您可以对当前缩略图执行相同的操作，只需在缩略图保持器上调用'src'attr即可
最终解决：）


功能突出显示（项目）{
items.filter（“：eq（0）”）.css({
背景颜色：“ff9”，
宽度：140，
身高：100，
差额：7
});
退货项目；
}
功能取消高亮（项目）{
items.css({
背景颜色：“fff”，
差额：27
});
退货项目；
}
$（“#旋转木马跨距”）。附加（“”）；
$（“#拇指a”）。附加（“”）；
$（'旋转木马'）。旋转木马({
回答：错，
通告:错,，
汽车：错，
项目：{
可见:1,，
宽度：540，
身高：56%
},
滚动：{
fx:“directscroll”
}
});
$（“#拇指”）。卡鲁弗雷德塞尔({
回答：是的，
通告:对,，
无限：是的，
自动：{
剧本：没错，
onBefore：函数（数据）{
取消高亮显示（data.items.old）；
},
onBefore：函数（数据）{
突出显示（data.items.visible）；
$（'#carousel'）.trigger（'slideTo'，'#'）+data.items.visible.eq（0）.attr（“id”）.split（'#'）.pop（）；
$（“#thumbs img”）.removeClass（'selected'）；
$（“#curimg”）.html（data.items.visible.eq（0.attr（“id”）.split（“#”）.pop（））；
//$（this.addClass（'selected'）；
}
},
纸卷：
{
项目：1，
},
上一页：
{
按钮：“#上一页”，
onAfter:函数（数据）{
取消高亮显示（data.items.old）；
},
onBefore：函数（数据）{
突出显示（data.items.visible）；
$（“#curimg”）.html（data.items.visible.eq（0.attr（“id”）.split（“#”）.pop（））；
$（'#carousel'）.trigger（'slideTo'，'#'）+data.items.visible.eq（0）.attr（“id”）.split（'#'）.pop（）；
$（“#thumbs img”）.removeClass（'selected'）；
$（“#curimg”）.html（data.items.visible.eq（0.attr（“id”）.split（“#”）.pop（））；
//$（this.addClass（'selected'）；
}
},
下一步：
{
按钮：“#下一步”，
onAfter:函数（数据）{
取消高亮显示（data.items.old）；
},
onBefore：函数（数据）{
突出显示（data.items.visible）；
$（“#curimg”）.html（data.items.visible.eq（0.attr（“id”）.split（“#”）.pop（））；
$（'#carousel'）.trigger（'slideTo'，'#'）+data.items.visible.eq（0）.attr（“id”）.split（'#'）.pop（）；
$（“#thumbs img”）.removeClass（'selected'）；
$('#carousel span').append('<img src="http://coolcarousels.frebsite.nl/c/28/img/gui/carousel_glare.png" class="glare" />');
                $('#thumbs a').append('<img src="http://coolcarousels.frebsite.nl/c/28/img/gui/carousel_glare_small.png" class="glare" />');

                $('#carousel').carouFredSel({
                    responsive: true,
                    circular: false,
                    auto: true,
                    items: {
                        visible: 1,
                        width: 200,
                        height: '56%'
                    },
                    scroll: {
                        fx: 'directscroll'
                    }
                });

                $('#thumbs').carouFredSel({
                    responsive: true,
                    circular: true,
                    infinite: true,
                    auto: {
                        play:true
                    },
                    scroll:
                    {
                        items: 1,
                        onBefore: function() {

                            var pos = $("#thumbs").triggerHandler("currentPosition");
                           // alert( "The carousel is at item number " + pos );


                        }

                    },
                    prev: '#prev',
                    next: '#next',
                    items: {
                        visible: {
                            min: 2,
                            max: 6
                        },
                        width: 150,
                        height: '66%'
                    }
                });

                $('#thumbs a').click(function() {
                    $('#carousel').trigger('slideTo', '#' + this.href.split('#').pop() );
                    $('#thumbs a').removeClass('selected');
                    $(this).addClass('selected');
                    return false;
                });​

$('#thumbs a').click(function() {
  var src = $(this).children('img').attr('src'); 

  $('#carousel').trigger('slideTo', '#' + this.href.split('#').pop() );
  $('#thumbs a').removeClass('selected');
  $(this).addClass('selected');
  return false;
});​

function highlight( items ) {
                items.filter(":eq(0)").css({
                    backgroundColor: "#ff9",
                    width    : 140,
                    height    : 100,
                    margin    : 7
                });
                return items;
            }
            function unhighlight( items ) {
                items.css({
                    backgroundColor: "#fff",

                    margin    : 27
                });
                return items;
            }



$('#carousel span').append('<img src="http://coolcarousels.frebsite.nl/c/28/img/gui/carousel_glare.png" class="glare" />');
                $('#thumbs a').append('<img src="http://coolcarousels.frebsite.nl/c/28/img/gui/carousel_glare_small.png" class="glare" />');


                $('#carousel').carouFredSel({
                    responsive: false,
                    circular: false,
                    auto: false,
                    items: {
                        visible: 1,
                        width: 540,
                        height: '56%'
                    },
                    scroll: {
                        fx: 'directscroll'
                    }
                });

                $('#thumbs').carouFredSel({
                    responsive: true,
                    circular: true,
                    infinite: true,




                    auto: {
                                play:true,
                                onBefore: function( data ) {
                                    unhighlight( data.items.old );
                                },
                                onBefore    : function( data ) {
                                    highlight( data.items.visible );


                                    $('#carousel').trigger('slideTo', '#' + data.items.visible.eq(0).attr("id").split('_').pop() );
                                    $('#thumbs img').removeClass('selected');
                                    $("#curimg").html(data.items.visible.eq(0).attr("id").split('_').pop());
                                    //$(this).addClass('selected');
                                }
                    },

                    scroll:
                    {
                        items: 1,

                    },
                    prev: 
                    {
                        button:'#prev',
                        onAfter: function( data ) {
                                    unhighlight( data.items.old );
                                },
                                onBefore    : function( data ) {
                                    highlight( data.items.visible );

                                    $("#curimg").html(data.items.visible.eq(0).attr("id").split('_').pop());
                                    $('#carousel').trigger('slideTo', '#' + data.items.visible.eq(0).attr("id").split('_').pop() );
                                    $('#thumbs img').removeClass('selected');
                                    $("#curimg").html(data.items.visible.eq(0).attr("id").split('_').pop());
                                    //$(this).addClass('selected');
                                }
                    },
                    next:
                    {
                        button:'#next',
                        onAfter: function( data ) {
                                    unhighlight( data.items.old );
                                },
                                onBefore    : function( data ) {
                                    highlight( data.items.visible );

                                    $("#curimg").html(data.items.visible.eq(0).attr("id").split('_').pop());
                                    $('#carousel').trigger('slideTo', '#' + data.items.visible.eq(0).attr("id").split('_').pop() );
                                    $('#thumbs img').removeClass('selected');
                                    $("#curimg").html(data.items.visible.eq(0).attr("id").split('_').pop());
                                    //$(this).addClass('selected');
                                }
                    },
                    items: {
                        visible: {
                            min: 2,
                            max: 6
                        },
                        width: 150,
                        height: '66%'
                    }
                });

                $('#thumbs img').click(function() {
                    $('#carousel').trigger('slideTo', '#' + this.id.split('_').pop() );    
                    $("#curimg").html( this.id.split('_').pop());
                    $('#thumbs').trigger('slideTo', '#' + this.id);
                    $('#thumbs img').removeClass('selected');
                    $(this).addClass('selected');

                    return false;
                });​