Javascript 如何使用滑动条向上滑动上一个文本和向下滑动当前文本?

Javascript 如何使用滑动条向上滑动上一个文本和向下滑动当前文本?,javascript,jquery,html,Javascript,Jquery,Html,我想向上滑动上一张幻灯片的侧边栏文本,向下滑动当前幻灯片的侧边栏文本和滑动的滑块图像。这里我想滑动幻灯片内容-当图像在滑块中滑动时。html和脚本如下所示: $('myCarousel')。carousel({ 间隔时间:5000 }); $('#carousel text').html($('#slide-content-0').html()); //处理旋转木马缩略图 $('[id^=carousel selector-]')。单击(函数(){ var id_selector=$(this

我想向上滑动上一张幻灯片的侧边栏文本,向下滑动当前幻灯片的侧边栏文本和滑动的滑块图像。这里我想滑动幻灯片内容-当图像在滑块中滑动时。html和脚本如下所示:

$('myCarousel')。carousel({
间隔时间:5000
});
$('#carousel text').html($('#slide-content-0').html());
//处理旋转木马缩略图
$('[id^=carousel selector-]')。单击(函数(){
var id_selector=$(this.attr(“id”);
var id=id\u selector.substr(id\u selector.length-1);
var id=parseInt(id);
$(#myCarousel')。carousel(id);
});
//旋转木马滑动时,自动更新文本
$('myCarousel')。在('slided',函数(e)上{
$(this.html($(“#幻灯片内容-”).html());
变量id=$('.item.active')。数据('slide-number');
$('#carousel text').html($('#幻灯片内容-'+id).html());
});

滑块一
同侧阴唇

2012年10月24日-

滑块二 同侧阴唇

2012年10月24日-

滑块三 同侧阴唇

2012年10月24日-


我真的不明白你想做什么,你的问题是什么!请创建一个链接,并用该fiddle中的示例解释您的问题/请求抱歉,我无法创建JSFIDLE链接。但我有引导链接。这是你的电话号码。这里我想在右边的文字上添加一个效果。当滑块滑动到下一个图像时,文本将向上滑动,下一个文本将向下滑动。好的,我想我明白了。这是一个样本。在普通jQuery中,您有有限数量的扩展。但是如果您使用jQueryUI,那么它们的数量会更多。现在在这个示例中,我使用swing easing来显示和隐藏旋转木马文本。如果这是你想要的,那么我可以把它贴出来作为答案,我会编辑它。非常感谢。另外,我认为与其使用轮播的
滑动事件等待幻灯片转换完成然后触发,不如使用调用幻灯片实例方法时立即触发的
slide
事件。我真的不明白您想做什么,您的问题是什么!请创建一个链接,并用该fiddle中的示例解释您的问题/请求抱歉,我无法创建JSFIDLE链接。但我有引导链接。这是你的电话号码。这里我想在右边的文字上添加一个效果。当滑块滑动到下一个图像时,文本将向上滑动,下一个文本将向下滑动。好的,我想我明白了。这是一个样本。在普通jQuery中,您有有限数量的扩展。但是如果您使用jQueryUI,那么它们的数量会更多。现在在这个示例中,我使用swing easing来显示和隐藏旋转木马文本。如果这是你想要的,那么我可以把它贴出来作为答案,我会编辑它。非常感谢。另外,我认为与轮播的
slide
事件(等待幻灯片转换完成然后触发)不同,您最好使用调用幻灯片实例方法时立即触发的
slide
事件。