在我的照片库中使用 PrettyPhoto jQuery

发布于 2024-11-29 08:17:13 字数 815 浏览 0 评论 0原文

可能的重复:
实现 PrettyPhoto jQuery 插件

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

这是我网站的链接:

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

Possible Duplicate:
Implementing the prettyPhoto jQuery plugin

I am working on a web site and would like each photo to be opened up with the jQuery lightbox plugin called prettyPhoto. I have included these files in the head but it seems that they are not being recognized. It says on this page that all I need to do is add the rel="prettyPhoto" to my link tag. I am pretty much a JavaScript and jQuery newbie, so any help would be appreciated.

Here is the link to my site:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

画▽骨i 2024-12-06 08:17:13

首先在你的头脑中只包含一个版本的 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

firstly include only one version of jQuery in your head (best would be 1.4.4)

Then i suppose the main CSS files for the functioning of prettyPhoto is missing (prettyPhoto.css)

Remove the target tag from all the photos

and you have also not included the JavaScript snippet to link it to the lightbox ,Here it is:

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

For more details check out http://www.stylifyyourblog.com/2011/06/prettyphoto-is-jquery-lightbox-clone.html

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文