Javascript图库不起作用

时间:2009-07-24 10:31:47

标签: javascript image wordpress modalpopups

我在我正在创建的WordPress网站中使用了名为prettyPhoto.js的图片库引擎。然而,由于一些奇怪的原因,图像库似乎完全停止工作,我不能为我的生活找到如何纠正这个问题(没有明确地通过整个网站并剥离rel="prettyphoto"标签嵌入在所有图像锚链接中。

我想知道javascript或CSS是否没有正确输出到浏览器,但是看看firebug中的“Net”面板,它似乎正在加载这些文件没有问题。我试着查看引用要打开的图像的<a>链接,并且它们都具有所需的“prettyPhoto”属性。

相关网页为 http://instant-wine-cellar.co.uk/products/microcellar,并尝试点击任何微小图片。

另一个是首页上的“观看微小视频”链接。

对于那些不知道的人。此图片库脚本与许多其他脚本一样,通过以下方式工作:
1.将prettyPhoto javascript文件放入您的服务器中 2.将prettyPhoto css文件放入服务器中 3.将上述文件的路径引用到html文件的头部(或页脚) 4.通过在HTML文件中添加一些定制脚本来触发流程,以便在文件中找到具有特定<a>属性的rel标记,并打开它引用的链接,进入prettyPhoto模式框。

1 个答案:

答案 0 :(得分:0)

首先包括jquery.js然后插件。 发现:

<script src="http://instant-wine-cellar.co.uk/wp-content/themes/Wineconcepts/js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

替换:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://instant-wine-cellar.co.uk/wp-content/themes/Wineconcepts/js/jquery.prettyPhoto.js" type="text/javascript"></script>