javascript - 在我的照片库中使用 prettyPhoto jQuery

Question

可能重复：
实现 prettyPhoto jQuery 插件

我正在一个网站上工作，并希望使用名为prettyPhoto的 jQuery 灯箱插件打开每张照片。我已将这些文件包含在头中，但似乎它们没有被识别。它在此页面上说我需要做的就是将 添加rel="prettyPhoto"到我的链接标签。我几乎是一个 JavaScript 和 jQuery 新手，所以任何帮助将不胜感激。

这是我网站的链接：

http://mcmach.com/mcmachine/photogallery.html

Answer 1

首先在你的脑海中只包含一个版本的 jQuery（最好是 1.4.4）

然后我想prettyPhoto功能的主要CSS文件丢失了（prettyPhoto.css）

从所有照片中删除目标标签

而且您还没有包含将其链接到灯箱的 JavaScript 片段，这里是：

<script charset="utf-8" type="text/javascript">
$(document).ready(function(){ 
$("a[rel^='prettyPhoto']").prettyPhoto();  
});  
</script> 

有关更多详细信息，请查看http://www.stylifyyourblog.com/2011/06/prettyphoto-is-jquery-lightbox-clone.html