2012-11-14 113 views
0

希望有人會對我感到遺憾,並可以提供一些建議 - 我對jQuery的瞭解最多隻限於我,並且我只知道基本的東西(如何應用CSS類等)而不是自己編寫/調試代碼。jQuery greyscale.js和基本滑塊的問題

我正在爲朋友的婚禮(來自我的訂婚禮物)的網站工作,我遇到了試圖讓greyscale.js和基本滑塊可以很好地播放的問題。只要我添加滑塊功能,灰度效果就會中斷。

網站 - 尚處於發展所以在任何PC的瀏覽器沒有測試很多,在這裏 - http://www.elandsebswedding.co.uk/wp-content/themes/weddingTheme/index.html

頁面加載後,你可以看到彩色的圖像,然後變灰 - 但他們剛剛贏得了」在mouseover上返回顏色。

任何意見 - 或建議另一個插件,將實現相同的事情 - 將不勝感激。

感謝


似乎與greyscale.js錯誤 - Firebug是說指數或尺寸大於允許量更大,突出了以下的問題?

imageData = ctx.getImageData(0,0,width,height);


UPDATE

好了 - 似乎已作出輕微的進展 - 有沒有在滑塊(場內部分)似乎在圖像上的高度/寬度的事實是造成問題。

+0

在您的greyscale.js文件中(在Chrome中)出現以下錯誤: 未捕獲錯誤:INDEX_SIZE_ERR:DOM異常1. – CodePB

+0

使用Google搜索並且發現,當圖像被繪製但未被完全加載時,上述錯誤可能發生。看看[這個問題](http://stackoverflow.com/questions/2923564/uncaught-error-index-size-err)。我的控制檯還說,圖像'tbc.jpg'沒有加載。可能與此有關... – martinczerwi

+0

好的 - 我已經刪除了TBC圖像,看起來同樣的事情正在發生。當我刪除滑塊功能 - 它都可以工作:S –

回答

0

滑塊上丟失的高度/寬度屬性導致該問題。我懷疑greyScale插件不能很好地響應設計...