Javascript IE-11贬低了与时间相关的功能。用什么代替IE 11中的t:seq切换图像

Javascript IE-11贬低了与时间相关的功能。用什么代替IE 11中的t:seq切换图像,javascript,css,internet-explorer,animation,Javascript,Css,Internet Explorer,Animation,我是CSS新手。 我想用CSS切换屏幕上的图像。 早些时候,我在InternetExplorar-8中使用了t:seq容器来执行相同的操作,但在InternetExplorar-11中,它被贬值了。 因此,我的问题是,如果IE-11中与时间相关的功能被贬低,那么应该使用什么来代替我之前使用的“t:seq”来更改屏幕上特定持续时间内的图像。您可以通过使用JavaScript中的setInterval()函数轻松实现相同的功能 语法是这样的 setInterval(function(){alert(

我是CSS新手。 我想用CSS切换屏幕上的图像。 早些时候,我在InternetExplorar-8中使用了t:seq容器来执行相同的操作,但在InternetExplorar-11中,它被贬值了。
因此,我的问题是,如果IE-11中与时间相关的功能被贬低,那么应该使用什么来代替我之前使用的“t:seq”来更改屏幕上特定持续时间内的图像。

您可以通过使用JavaScript中的
setInterval()
函数轻松实现相同的功能

语法是这样的

setInterval(function(){alert("Hello")}, 2000);
因此,它将每隔2秒调用定义的函数

现在有不止一种方法可以在div中对图像进行侧边处理,以实现此效果

举个例子

setInterval(function(){alert("Hello")}, 2000);
HTML

<div id="slideshow">
    <div>
        <img src="http://farm6.static.flickr.com/5224/5658667829_2bb7d42a9c_m.jpg">
    </div>
    <div>
        <img src="http://farm6.static.flickr.com/5230/5638093881_a791e4f819_m.jpg">
    </div>
</div>
JavaScript(jQuery)

因此,在上面的代码中,我们首先将所有其他元素隐藏在
#slideshow
容器中,除了第一个元素

然后每2秒钟滑动一次当前图像(使用给定的方法)并加载下一个图像(通过调用
next()
函数)并淡入新加载的图像

当我们到达终点时,我们只是重复这个过程

这是你的电话号码

附言:

有几个JavaScript插件也可以用来实现您的目标

  • (基于jQuery)

您可能还想检查

Hi并欢迎访问,您所说的“在屏幕上切换图像”到底是什么意思,您想创建一个图像滑块类型功能吗?切换图像意味着..只想在2秒钟内显示一个图像,然后在接下来的2秒钟内显示另一个图像…等等。这可能很有趣,更具体地说,
transition delay
Hi我面临一个问题……请您帮忙。您提供的解决方案适用于以下结构。。但就我而言,我的结构如下。。。所以我的问题是,当我没有每个图像的标签时,你能建议解决方案吗。但我在列表顶部只有一个div标记。@MukulKashmira:您只需要在CSS中包含图像高度,并且必须将选择器更改为
$('#slideshow>img:first')
。这是更新的fiddle的链接,希望您会发现它有用@MukulKashmira:您还可以添加
不透明度:“toggle'
属性来设置函数的动画,以略微增强效果。这里有一个@mukul的提琴。如果上面的答案解决了你的问题,你可以接受,或者如果你有其他问题,你可以在这里问,谢谢。这真的很有帮助。它解决了我的问题:)。谢谢。
$("#slideshow > div:gt(0)").hide();

setInterval(function () {
    $('#slideshow > div:first')
        .animate({width: 'toggle'})
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#slideshow');
}, 2000);