Twitter bootstrap 3 如何在TYPO3中控制Twitter引导包中Carousel元素的速度
我试图找到一个答案,但我得到的只是关于如何控制自己实现Twitter引导时的速度的答案Twitter bootstrap 3 如何在TYPO3中控制Twitter引导包中Carousel元素的速度,twitter-bootstrap-3,typo3,carousel,Twitter Bootstrap 3,Typo3,Carousel,我试图找到一个答案,但我得到的只是关于如何控制自己实现Twitter引导时的速度的答案 我想不出怎么用打字机打3。我认为应该通过打字脚本来完成,但是如何实现呢?在Bootstrap3的旋转木马中,您可以设置选项interval或data interval,请参阅 你已经知道了。我是这样做的: 首先,您必须了解扩展是否可以设置该参数。假设手册中没有提到这一点,您希望首先在Templates>Constant Editor下检查常量编辑器。还没有运气 因此,您必须查看typo3conf/ext/bo
我想不出怎么用打字机打3。我认为应该通过打字脚本来完成,但是如何实现呢?在Bootstrap3的旋转木马中,您可以设置选项
interval
或data interval
,请参阅
你已经知道了。我是这样做的:
首先,您必须了解扩展是否可以设置该参数。假设手册中没有提到这一点,您希望首先在Templates>Constant Editor下检查常量编辑器。还没有运气
因此,您必须查看typo3conf/ext/bootstrap\u包的代码。通过打字脚本可以设置的所有内容可能都位于/Configuration/TypoScript/
:constants.txt
和/或setup.txt
中。不过,旋转木马上什么也没有
现在,我将使用您最喜欢的编辑器在整个扩展中搜索间隔
。啊,你在这里:在文件/Resources/Private/Templates/ContentElements/Bootstrap/Carousel.html
中,你会发现10秒的间隔是硬编码的:
<div id="carousel-{data.uid}" class="carousel slide{f:if(condition: '{data.layout} == 110',then:' carousel-small')}" data-interval="10000" data-ride="carousel">
这就是设置模板路径的地方。哦!花括号内的东西是一个常数结果是,在一开始,我们就可以设置一个完整的新路径,包括来自bootstrap\u package/Resources/Private/templates/Page/
的所有引导模板的副本,并在那里进行修改。以及部分和布局,它们是其他较大和较小的流体模板块(参见)
如果出于某种原因,您只想修改引导程序包的特定部分,您可以在打字稿中设置如下内容:
tt_content.bootstrap_package_carousel.20.file = /path/to/my/template/ext/Bootstrap/Carousel.html
现在,您所要做的就是创建旋转木马模板的副本并随意编辑它-在渲染过程中,将使用您自己的模板,具有更快的间隔
这也很好地展示了打字脚本的覆盖能力——你可以在页面树中的任何一点为你想要的分支做类似的事情
此外,我还想指出,我发现这是编写TYPO3扩展的一种非常好的方法:不再像过去那样在后端设置几十个常量,我们现在有了结构清晰的可替换流体模板。这种方式更易于维护和使用 请说明您使用的TYPO3版本和软件包/扩展。啊,我猜您指的是TYPO3 6.2,其中有“bootstrap\u软件包”的介绍。
tt_content.bootstrap_package_carousel.20.file = /path/to/my/template/ext/Bootstrap/Carousel.html