【发布时间】：2012-11-14 18:14:13
【问题描述】：
希望有人会同情我并能提供一些建议——我对 jQuery 的了解充其量是有限的，我只知道基本的东西（如何应用 CSS 类等），而不是自己编写/调试代码。
我正在为一个朋友的婚礼（我的订婚礼物）开发一个网站，但我在尝试让 grayscale.js 和基本滑块正常播放时遇到问题。一旦我添加滑块功能，灰度效果就会中断。
该网站 - 仍处于开发阶段，因此未在任何 PC 浏览器中进行测试，在这里 - http://www.elandsebswedding.co.uk/wp-content/themes/weddingTheme/index.html
当页面加载时，您可以看到彩色图像，然后变灰 - 但鼠标悬停时它们不会恢复颜色。
任何建议 - 或其他插件的建议将实现相同的目标 - 将不胜感激。
谢谢
greyscale.js 似乎有一个错误 - 萤火虫说索引或大小大于允许的数量并突出显示以下问题？
imageData = ctx.getImageData(0, 0, width, height);
更新
好的 - 似乎取得了一些进展 - 滑块（场地部分）中的图像没有高度/宽度这一事实似乎导致了问题。
【问题讨论】：
-
您在 grayscale.js 文件（chrome 中）中收到以下错误：未捕获错误：INDEX_SIZE_ERR: DOM Exception 1。
-
谷歌了一下，发现当图像被绘制但未完全加载时，可能会发生上述错误。看看this question。我的控制台还指出，图像
tbc.jpg未加载。可能跟那个有关…… -
好的 - 我已经删除了 TBC 图像，看起来同样的事情正在发生。当我删除滑块功能时-一切正常：S