Fatal编程技术网
  • php/
  • Php fancyBox画廊

Php fancyBox画廊

php

Php fancyBox画廊,php,fancybox,Php,Fancybox,不知是否有人能帮助我 首先，我为大多数人可能觉得这是一个非常简单的问题而道歉。但这是我第一次尝试，所以请容忍我 我正在使用下面的脚本使用Fancybox创建一个图像库 更新代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww

不知是否有人能帮助我

首先，我为大多数人可能觉得这是一个非常简单的问题而道歉。但这是我第一次尝试，所以请容忍我

我正在使用下面的脚本使用Fancybox创建一个图像库

更新代码

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
  <title>Gallery</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>   
  <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
  <script type="text/javascript" src="fancybox/jquery.easing-1.4.pack.js"></script> 
  <script type="text/javascript" src="fancybox/jquery.easing-1.4.pack.js"></script>  
  <script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>  
  <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>  
  <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.0"></script>  
  <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=2.0.6"></script>  
  <link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.2" type="text/css" media="screen" />  
  <link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />  
  <link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=2.0.6" type="text/css" media="screen" />  

  <script type="text/javascript">  

$(document).ready(function() { 
    $("a.fancybox-thumb").fancybox({

        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   false
    });

});


</script>  

</head> 
<body style="font-family: Calibri; color:  #505050; font-size: 9px; border-bottom-width: thin; margin-top: 5px; margin-left: 100px; margin-right: 100px; margin-bottom: -10px; float: left; position: absolute;"> 
<div align="right" class="style1"> <a href = "javascript:document.gallery.submit()"/> Add Images <a/> &larr; View Uploaded Images </div> 
  <form id="gallery" name="gallery" class="page" action="index.php" method="post">   

                  <?php for ($i = 0; $i < $descriptions->documentElement->childNodes->length; $i++) :  
                          $xmlFile = $descriptions->documentElement->childNodes->item($i);  
                          $name = htmlentities($xmlFile->getAttribute('originalname'), ENT_COMPAT, 'UTF-8');  
                          $description = htmlentities($xmlFile->getAttribute('description'), ENT_COMPAT, 'UTF-8');  
                          $source = $galleryPath . rawurlencode($xmlFile->getAttribute('source'));  
                          $thumbnail = $thumbnailsPath . rawurlencode($xmlFile->getAttribute('thumbnail'));  
                  ?> 
        <a class="fancybox-thumb" rel="allimages" href="<?php echo $source; ?>"><img src="<?php echo $thumbnail; ?>" alt="<?php echo $name; ?>"/></a><?php endfor; ?> 
  </form>  
</body>  
</html> 


画廊
$（文档）.ready（函数（）{
$（“a.fancybox-thumb”）.fancybox({
“transitionIn”：“弹性”，
“transitionOut”：“弹性”，
“speedIn”：600，
“加速输出”：200，
“叠加显示”：错误
});
});
我可以查看图像，但我似乎无法让gallery功能正常工作。我一直在研究“fancyBox”和“fancyApps”网站上的例子，但很明显，我在这一过程中误解了一些东西

我觉得一旦开始，我就可以根据需要对页面进行格式化，我只需要完成教程。但我只是想知道是否有人能告诉我在创建最初的画廊时哪里出了问题

非常感谢和问候

我将您的fancybox附加到一个名为“.fancybox thumb”的类，但页面上没有此类类。相反，您的链接带有名为“.images”的类

所以试着换掉这条线

<a class="images" rel="allimages" href="<?php echo $source; ?>"><img src="<?php echo $thumbnail; ?>" alt="<?php echo $name; ?>"/></a><?php endfor; ?>
与
我还没有测试你的代码，但这是我目前发现的一个明显错误。

在@kernelpanic、@ryan和@Mr_提出的最初问题得到纠正后，通过进一步测试并查看文档，“灰色垂直条纹”是不透明度设置，不是错误。

我首先要确保您使用的是最新的jQuery库。两者都是，非常感谢。我已更新到最新版本。Kind regardsI会尝试在没有PHP的情况下构建库，以查看这是否是一个结构错误，而不是PHP脚本错误。再次查看代码后，我看到的唯一错误是@kernelpanic.Hi发现的错误，非常感谢您继续帮助我。我已经按照您的建议做了，删除了php，但不幸的是，灰色垂直线仍然存在。善良的regardsHi@kernelpanic。非常感谢您抽出时间来帮忙。我已经改变了，但不幸的是，我仍然无法制作画廊。种类Regard您是否知道如何使用浏览器中的控制台窗口，例如Firefox的Firebug？或者有一个内置的铬。查看当您单击thumbnailHi@kernelpanic时，它是否会给您带来任何错误。我已经做了更多的工作，并在我的defualt browwer（IE和Firefox）中进行了测试，没有给出任何错误消息。我现在可以让图库显示，但当我点击图像时，页面上会出现一个垂直向下的灰色正方形。我包括了一个链接，它可能比我的解释更好一点。只需选择页面顶部的“查看上传的图像”链接，我已经更新了原始帖子中的代码。非常感谢和亲切的问候。嗨@kernelpanic，请看下面我的回答。衷心感谢您的时间和辛苦。问候 
<a class="fancybox-thumb" rel="allimages" href="<?php echo $source; ?>"><img src="<?php echo $thumbnail; ?>" alt="<?php echo $name; ?>"/></a><?php endfor; ?>