Javascript 将颜色框添加到下一个图库

我有一家卖t恤产品的网店。对于每件t恤，我都用GalleryView（jQuery）模板制作了一个NextGen图库

问题是：我想在图库中的大图中添加一个颜色框，但我无法让它工作

这是预览url：

我尝试使用这个小脚本，但它不起作用：

<script type="text/javascript">
$(document).ready(function() {
  $('.gv_panel img').colorbox({rel:'gal'});
});
</script>

$（文档）.ready（函数（）{
$（'.gv_panel img'）.colorbox（{rel:'gal'}）；
});

---

有人知道我做错了什么吗？

未捕获类型错误：对象[object object]的属性“$”不是函数

。您忘了包含JQuery？请将

放在头标签的某个位置。谢谢您的回答。我已经在head标记中添加了jqueryinclude。控制台告诉我：“未捕获的TypeError:Object[Object Object]没有方法‘colorbox’”。Colorbox文件已包含在allready中，那么这里有什么问题？