如何在动态更改iframe源时摆脱闪烁？

Question

我正在尝试构建iframe幻灯片。我有7个名为event1.html的网页到event7.html。我正在使用setInterval每1秒更改一次iframe的来源。但是在改变时，它突然发生并且发生了闪烁。我怎样才能摆脱这种轻弹并添加一些效果。 我不想使用JQuery。

这是我的代码

var i=1;
function initialize()
{
    iframeh = document.getElementById("eventholder");
    iframeh.src="event1.html";
    setInterval(function(){i=changesrc(i)},1000);
}
function changesrc(i)
{
    iframeh.src="event"+i+".html";
    if(i%7==0)
        i=0;
    return i+1;
}

Answer 1

最后，我能够摆脱那种闪烁。

我使用了两个div并在其中放置了iframe。最初我使第二个div不可见并加载第二个帧。一段时间后，我正在使第二个div可见，并且第一个div不可见，并使用javascript加载第三帧等等。