尝试使用fancybox图像系统

Question

我正在尝试使用此处描述的fancybox系统： http : //fearlessflyer.com/2011/01/create-an-awesome-photo-gallery-with-fancybox-and-timthumb/

我可以显示缩略图，但是当我包含rel = lightbox功能和脚本时，看不到精美的盒子系统正常工作（缩略图外观相同）。 当我单击路径中包含rel = lightbox的图像时，我收到一条错误消息，指出在此服务器上找不到该路径。

我正在使用最新版本的jquery（jquery-1.7.1.min.js）和精美框（v 1.3.4）。

这是代码：

<?php 
    $path =  'http://' . $_SERVER['SERVER_NAME'] . '/WhereTheImagesAre/'; 
    $files = scandir('WhereTheImagesAre/'); 

?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="/favicon.ico?">
    <title>Title</title>
    <link type="text/css" href="/CSS/style.css" rel="stylesheet" media="screen" />
    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="Scripts/jquery.fancybox-1.3.4.js"></script>
    <link rel="stylesheet" type="text/css" href="Scripts/fancybox/jquery.fancybox-1.3.4.css" />
    <script>

        $(document).ready(function(){
                $("a[rel=lightbox]").fancybox({
                        'transitionIn'      : 'elastic', 
                                                'transitionOut'     : 'elastic'     
                                                });
                                        });

    </script>


</head>
<body>

    <div class="logo"><img src="/images/Logo.png"/></div>

    <div class="wrap">
        <div class="content_wrap">
            <div class="content">

                <ul>
                    <?php foreach ($files as $file){ 
                            if ($file == '.' || $file == '..'){ 
                            echo ''; 
                            } else {
                            ?>
                    <li ><a href="<?php echo $path . $file; ?> rel=”lightbox” "><img src="Scripts/timthumb.php?src=<?php echo $path . $file; ?>&h=194&w=224&zc=1&q=100" /></a></li>
                    <?php } }?>
                </ul>

            </div>
        </div>
    </div>

</body>
</html>

如果您能帮助我确定问题出在哪里，我将不胜感激。 谢谢。

Answer 1

rel在href里面

<a href="<?php echo $path . $file; ?> rel=”lightbox” ">

应该

<a href="<?php echo $path . $file; ?>" rel=”lightbox”>

尝试使用fancybox图像系统

问题描述

1 个解决方案

解决方案1
2 已采纳 2012-02-14 07:32:04

尝试使用fancybox图像系统

问题描述

1 个解决方案

解决方案1 2 已采纳 2012-02-14 07:32:04

解决方案1
2 已采纳 2012-02-14 07:32:04