Question

我是新来的。我现在正在大学学习计算机科学，需要一些帮助来弄清楚我正在为学生组织做的项目。所以我正在写一个网站，这是我的第一次，而且我根本无法使用fancybox（有一张图片我希望以“点击放大”的方式表现）。这是我的HTML：

<!doctype html>
<html>

<head>
  <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
  <link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet'>
  <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp2/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="style.css">

  <script type="text/javascript" src="fancybox/lib/jquery-1.10.1.min.js"></script>

  <script type="text/javascript" src="fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
  <link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

  <script type="text/javascript">
	$(document).ready(function() {
      $(".fancybox").fancybox();
	});
  </script>

</head>

<body>
  .
  .
  .
  <div class="experience-us">
    <div class="container">
      <h2>Experience us</h2>
      <p>See what it's like to be a part of the ********** team</p>
      <div class="row">
        <div class="col-md-4">
          <p>
            <a class="thumbnail fancybox" href="images/small.jpg" title="Example title"><img src="images/small.jpg"></a>
          </p>
          .
          .
          .
        </div>
      </div>
    </div>
  </div>
  .
  .
  .
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="app.js"></script>

</body>
</html>

Fancybox表现得像链接，而不是模态

0 个答案: