2011-04-24 84 views
0

我創建了一個jQuery畫布幻燈片來運行幻燈片時應用圖像過濾器。一切似乎都工作正常,但是當我將過濾器應用到圖像時,幻燈片不會加載其他幻燈片並持續加載相同的幻燈片。jquery幻燈片卡住

要看看這個問題按照鏈接:

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

任何幫助你們能給將不勝感激。

+0

Thnx for correction Bill。 – 2011-04-24 14:47:47

回答

1

pixastic在您應用濾鏡時將替換您的#canvas元素。所以你的canvascontext變量指的是一個不再在頁面中的對象。基本上你需要在應用過濾器後重置這兩個變量。

對於最簡單的修復方法,您需要在drawImg方法中將context替換爲document.getElementById("canvas").getContext("2d")。這將保持圖像旋轉。但過濾器將不再適用於圖像更改後。爲此,您需要在繪製重新分配的圖像後調用相關的過濾器功能。

+0

非常感謝你的幫助。 – 2011-04-25 15:48:01

0

感謝它的工作,但幻燈片轉換後屏幕亮度下降,所以我讓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();
}
});
}

再次感謝烏拉圭回合的幫助,我真的卡在這,現在我如果ü可以幫助我在這,這大約是過濾圖像的持久性就像我要覆蓋具有相同圖像的另一個問題過濾的圖像。

問候

+0

如果你走這條路線,你是否需要在應用每個過濾器時保留每個圖像的副本? – musaul 2011-04-25 18:00:53

+0

在每次圖像旋轉後應用選定的濾鏡不是更好嗎? – musaul 2011-04-25 18:01:45

+0

是的,我想保留每個圖像與應用過濾器,實際上我想用幻燈片中的過濾器應用圖像替換原始圖像。 – 2011-04-27 15:16:33

0

你有沒有想過只是使用類似the Nivo slider這是在其功能真的廣闊和良好的支持?