在我的照片库中使用prettyPhoto jQuery

时间:2011-08-13 20:45:26

标签: javascript jquery prettyphoto

  

可能重复:
  Implementing the prettyPhoto jQuery plugin

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

以下是我网站的链接:

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

1 个答案:

答案 0 :(得分:-1)

首先只包含一个版本的jQuery(最好是1.4.4)

然后我想缺少漂亮照片功能的主要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