jquery幻灯片卡住

Question

我创建了一个jQuery画布幻灯片来运行幻灯片时应用图像过滤器。一切似乎都工作正常，但是当我将过滤器应用到图像时，幻灯片不会加载其他幻灯片并持续加载相同的幻灯片。

要看看这个问题按照链接：

http://mi-linux.wlv.ac.uk/~0819487/MySlider/mySlider.html

任何帮助你们能给将不胜感激。

Answer 1

pixastic在您应用滤镜时将替换您的#canvas元素。所以你的canvas和context变量指的是一个不再在页面中的对象。基本上你需要在应用过滤器后重置这两个变量。

对于最简单的修复方法，您需要在drawImg方法中将context替换为document.getElementById("canvas").getContext("2d")。这将保持图像旋转。但过滤器将不再适用于图像更改后。为此，您需要在绘制重新分配的图像后调用相关的过滤器功能。

Answer 2

感谢它的工作，但幻灯片转换后屏幕亮度下降，所以我让li'l位更改，使其正常工作。


drawImg = function(src){
jQuery('#canvas').fadeOut(500,function(){
img.src = src;
canvas = document.getElementById("canvas");
context = canvas.getContext("2d");
context.drawImage(img, posX, posY);
if (jQuery('#canvas').is(":hidden")){
jQuery('#canvas').fadeIn(500);
polarize();
}
});
}


再次感谢乌拉圭回合的帮助，我真的卡在这，现在我如果ü可以帮助我在这，这大约是过滤图像的持久性就像我要覆盖具有相同图像的另一个问题过滤的图像。

问候

Answer 3

你有没有想过只是使用类似the Nivo slider这是在其功能真的广阔和良好的支持？