无法使用Fancybox图库打开照片

时间:2012-12-20 19:46:35

标签: php mysql image fancybox rel

我已经下载了一个名为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>";
    }

}

?>

1 个答案:

答案 0 :(得分:0)

从我可以从你的例子中收集到的内容,你甚至可能没有有效的html页面。我建议打开facybox附带的“index.html”文件,检查它是如何工作的,它的工作要求是什么等等。或者尝试删除它上面的东西,直到你的工作为例。

从他们的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>