无法使用 Fancybox 画廊打开照片答案

【问题标题】：Trouble getting photos to open using Facybox gallery无法使用 Fancybox 画廊打开照片
【发布时间】：2012-12-20 19:46:34
【问题描述】：

我下载了一个名为 facybox 的 javascript 库窗口：http://bitbonsai.com/facybox/

我已按照教程进行操作，现在我正试图让我的照片在此打开，但图像只是在新窗口中打开。

有人可以纠正我哪里出错了吗？我怀疑我在某处缺少一个指向 facybox 目录的重要组件，但我尝试了几件事，但没有运气。

<?php
$get_photos_set = get_photos();
while ($photos = mysql_fetch_array($get_photos_set)) {
    if(!isset($get_photos_set) || $get_photos_set===false)

    echo "No Results";

    else

    if (logged_in()) {

echo
"<li><a href=\"data/photos/{$photos['user_id']}/{$photos['file_name']}\" rel=\"assets/js/photo_box/facybox.js\"><img src=\"data/photos/{$photos['user_id']}/thumb_{$photos['file_name']}\" alt=\"{$profile[2]}'s Photos\"  /></a></li>";
    }

}

?>

【问题讨论】：

发布你渲染的 HTML，而不是这里的 PHP，以及你的 JavaScript。

标签： php mysql image fancybox rel

【解决方案1】：

根据我从您的示例中收集到的信息，您可能甚至没有有效的 html 页面。我建议打开 facybox 附带的“index.html”文件并检查它是如何工作的，它的工作要求是什么等。或者尝试删除上面的东西，直到你找到 1 个工作示例。

您需要从他们的 wiki 加载 jquery 作为依赖项之一，这将转到您页面的部分。

<!-- This gets the latest jQ 1.x from google, minified and gziped -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<link href="facybox.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="facybox_urls.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="facybox.js" type="text/javascript"></script>

也要使用它，你的链接应该有点像这个

<a href="http://th..yxmouse.jpg" rel="facybox"><img src="pic.jpg" /></a>

【讨论】：