Javascript 我的fancybox不是';t载荷

Javascript 我的fancybox不是';t载荷,javascript,css,fancybox,gallery,Javascript,Css,Fancybox,Gallery,我上传到我的学校档案,希望能对正在发生的事情有一个真实的了解。您打开的第一个fancybox元素无效。我正在使用一个预先构建的fancybox css。我试过其他几种。在我的实际页面中,它加载一个空的fancybox,并将加载任何循环通过的内容,但每次当您漫游到页面时,第一次单击都是空白的白色。 我做错了什么?这是下面的画廊 <div id="gallery"> <a href="images/AlatheusEberwolf.jpg" rel="Gallery" ti

我上传到我的学校档案,希望能对正在发生的事情有一个真实的了解。您打开的第一个fancybox元素无效。我正在使用一个预先构建的fancybox css。我试过其他几种。在我的实际页面中,它加载一个空的fancybox,并将加载任何循环通过的内容,但每次当您漫游到页面时,第一次单击都是空白的白色。 我做错了什么?这是下面的画廊

<div id="gallery">
    <a href="images/AlatheusEberwolf.jpg" rel="Gallery" title="Alatheus Eberwolf"><img src="images/thumbs/AlatheusEberwolf_t.jpg" width="94" height="94" alt="Alatheus Eberwolf"></a>
    <a href="images/Quentin_II.jpg" rel="Gallery" title="Quentin II"><img src="images/thumbs/Quentin_II_t.jpg" width="94" height="94" alt="Quentin II"></a>
    <a href="images/RolithAlinaEngaged.jpg" rel="Gallery" title="Rolith and Alina Get Engaged"><img src="images/thumbs/RolithAlinaEngaged_t.jpg" width="94" height="94" alt="Rolith and Alina Get Engaged!"></a>
    <a href="images/RolithAlinaMarried.jpg" rel="Gallery" title="Rolith and Alina Get Married"><img src="images/thumbs/RolithAlinaMarried_t.jpg" width="94" height="94" alt="Rolith and Alina Get Married"></a>
    <a href="images/Spear-of-the-Ancients.jpg" rel="Gallery" title="Spear of the Ancients"> <img src="images/thumbs/Spear-of-the-Ancients_t.jpg" width="94" height="94" alt="Spear of the Ancients"></a>
    <a href="images/Tep_Itaki.jpg" rel="Gallery" title="Tep Itaki"><img src="images/thumbs/Tep_Itaki_t.jpg" width="94" height="94" alt="Tep Itaki"></a>
</div>

Javascript

$(文档).ready(函数(){ $(#画廊a')。fancybox({ 套色:“#0CF”, 超产能:.3, 过渡语:“弹性”, 转换输出:“弹性”, easingIn:“easeInSine”, easingOut:“easeOutSine”, 标题位置:'外部',
循环:对 }); }); // 准备就绪


在快速查看您的页面时,我可以看到以下内容:

  • 调用两次jQuery(\u js/jQuery-1.7.2.min.js\u js/jQuery.js
  • 对jQuery的调用必须在fancybox调用之前
  • 查看HTML中的
    标记:

    <meta charset="utf-8">
    <title>Course Project</title>
    <link type="text/css" rel="stylesheet" href="_css/layout.css">
    <link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css">
    <script id="twitter-wjs" src="http://platform.twitter.com/widgets.js">
    <script src="_js/jquery-1.7.2.min.js">
    <script src="_js/jquery.easing.1.3.js">
    <script src="fancybox/jquery.fancybox-1.3.4.min.js">
    <script src="_js/jquery.js" type="text/javascript">
    <script src="_js/interface.js" type="text/javascript">
    <style type="text/css">
    <script type="text/javascript">
    <link type="text/css" rel="stylesheet" href="dockstyle.css">
    <style type="text/css">
    <link type="text/css" rel="stylesheet" href="navstyle.css">
    
    
    课程计划
    
    如果您只有以下内容,则fancybox示例可以正常工作:

    <link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css">
    <script src="_js/jquery-1.7.2.min.js">
    <script src="fancybox/jquery.fancybox-1.3.4.min.js">
    
    
    
    因此,我认为一些javascript方法过于夸张了


    我希望这有帮助

    我没有发现问题,请将您的问题指定到特定部分,或者复制与您的问题相关的特定代码以澄清问题。我做错了什么?没有提供我们可以看到的代码问题。否则我们真的帮不了你。原谅我。我个人不熟悉javascript和jquery。我不明白显示什么是错误的。编辑以显示相关代码。我不能100%确定我是否理解,但我将所有jquery压缩到头部,并将fancybox代码放在正文的末尾。这没有改变任何事情。很抱歉,我对这一切都不熟悉。