墙元素/图像被创建但从未被破坏。幻灯片放映一段时间后,会加载许多图像并降低幻灯片放映动画的速度。当墙移动时,有一点滞后/断断续续。
随着幻灯片的继续,它将每个墙砖作为元素附加到html。不确定如何动态删除这些元素:
<div class="tile" col="141" row="1" rel="141x1" style="position: absolute; left: 38775px; top: 275px; width: 275px; height: 275px;">
<p class="profText" style="opacity: 1; visibility: visible;">
@SoSp33chl3ss
</p>
<img class="social-logo" src="../assets/images/tile/tw-tile-logo.png" style="opacity: 1; visibility: visible;">
<img src="https://pbs.twimg.com/media/Cr2OefhUMAAZMD5.jpg" class="prof" style="opacity: 1; visibility: visible;">
</div>
有什么方法可以解决这个问题吗?
更新:我墙的代码:
var mediaWall = new Wall("myWall", {
"draggable":true,
"autoposition":true,
"inertia":true,
"width":275,
"height":275,
"slideshow":true,
"transition":Fx.Transitions.Expo.easeInOut,
"showDuration": 7000,
callOnUpdate: function(items) {
items.each(function (e, i) {
var tw = mentions[counter];
createAndInjectNode(mediaWall, counter, tw, e);
counter++;
if (counter >= mentions.length)
counter = 0;
});
// FIXED: Include this code to avoid stopping of wall slideshow after drag
mediaWall.clearSlideShow();
mediaWall.initSlideshow();
}
});
mediaWall.initWall();