Javascript 引导转盘从左到右滑动

Javascript 引导转盘从左到右滑动,javascript,html,twitter-bootstrap,carousel,Javascript,Html,Twitter Bootstrap,Carousel,嗨,我使用引导并创建了引导转盘,但我希望它从左向右移动 这是我的密码 在此代码转盘上,从右向左移动 var direction = type == 'next' ? 'left' : 'right' 我在var中左右更改了,但出现了一个问题。下一张幻灯片再次从右侧进入 var direction = type == 'next' ? 'right' : 'left' 我希望你明白我想要什么:D 编辑: 最后我找到了答案:我编辑了twitter bootstrap.css 我在bootstra

嗨,我使用引导并创建了引导转盘,但我希望它从左向右移动

这是我的密码

在此代码转盘上,从右向左移动

var direction = type == 'next' ? 'left' : 'right'
我在var中左右更改了,但出现了一个问题。下一张幻灯片再次从右侧进入

var direction = type == 'next' ? 'right' : 'left'
我希望你明白我想要什么:D

编辑:

最后我找到了答案:我编辑了twitter bootstrap.css


我在bootstrap.css中的.carousel类中交换了所有的左和右代码,您可以尝试在.carousel控件html代码中进行更改

data-slide="prev"
data-slide="next"


:)

我还修改了.bootstrap css以实现此效果。在css中,我没有将所有的左撇子都交换为右撇子,而是在Internal_carousel类中修改了这一行:

“6s向左缓进向外;”至“6s向右缓进向外;”


此外,我在内部旋转木马类的所有子类中交换了任何“100%”到“-100%”和“100%”到“-100%”的调用。

仅通过CSS引导旋转木马(从右到左,RTL) HTML:


在Bootstrap v3.3.7中找到“Bootstrap.js”文件

现在,查找以下代码:

var delta = direction == 'prev' ? -1 : 1;
将其更改为:

var delta = direction == 'prev' ? 1 : -1;
然后,找到以下几行:

Carousel.prototype.next = function () {
    if (this.sliding)
        return
    return this.slide('next');
}

Carousel.prototype.prev = function () {
    if (this.sliding)
        return
    return this.slide('prev');
}
并将其更改为:

Carousel.prototype.next = function () {
    if (this.sliding)
        return
    return this.slide('prev');
}

Carousel.prototype.prev = function () {
    if (this.sliding)
        return
    return this.slide('next');
}

他不需要点击。他只需要从左到右移动旋转木马。嗨,非常感谢!这解决了我的问题。:)我认为这是不可能的。永远活着是不可能的;-)YuZA先生,你能分享你的代码吗,因为我需要相同的代码。请帮助meI忘记提到100%和-100%的更改只涉及方向元素,例如内旋转木马的“下一个、上一个、左一个和右一个类”,当然不是宽度。
var delta = direction == 'prev' ? 1 : -1;
Carousel.prototype.next = function () {
    if (this.sliding)
        return
    return this.slide('next');
}

Carousel.prototype.prev = function () {
    if (this.sliding)
        return
    return this.slide('prev');
}
Carousel.prototype.next = function () {
    if (this.sliding)
        return
    return this.slide('prev');
}

Carousel.prototype.prev = function () {
    if (this.sliding)
        return
    return this.slide('next');
}