jquery - jQuery greyscale.js和基本滑块的问题

希望有人会对我表示同情并提供一些建议 - 我对jQuery的了解最多，而且我只知道基本的东西（如何应用CSS类等），而不是自己编写/调试代码。 / p>

我正在为一个朋友的婚礼（我的订婚礼物）的网站工作，我遇到了试图让greyscale.js和基本滑块玩得很好的问题。只要我添加滑块功能，灰度效果就会中断。

网站 - 仍处于开发状态，因此未在任何PC浏览器中进行过测试，请点击此处 - http://www.elandsebswedding.co.uk/wp-content/themes/weddingTheme/index.html

当页面加载时，您可以看到彩色图像然后灰显 - 但它们在鼠标悬停时不会返回颜色。

任何建议 - 或其他插件的建议都将达到同样的目标 - 将不胜感激。

由于

greyscale.js似乎有错误 - firebug说索引或大小大于允许的数量并突出显示以下问题？

imageData = ctx.getImageData（0,0，width，height）;

更新

好的 - 似乎取得了一些进展 - 滑块（场地部分）图像上没有高度/宽度这一事实似乎造成了问题。