prettyPhoto Jquery没有加载

时间:2015-05-21 00:32:36

标签: jquery html css prettyphoto

我之前已经开始使用漂亮的照片了,所以我不确定到底出了什么问题。当我点击图像时,它会直接进入youtube。任何帮助将不胜感激。我目前处于停滞状态。

        <!DOCTYPE html>
        <html>
          <head>
            <meta charset="utf-8">
            <title>My Name | Designer</title>
            <link rel="stylesheet" href="css/normalize.css">
            <link rel="stylesheet" href="css/main.css">
            <link rel="stylesheet" href="css/responsive.css">
            <meta name="viewport" comtemt="width=device-width, intial-scale=1.0">
            <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
            <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
            <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
          </head>
          <body>
            <header>
              <a href="index.html" id="logo">
                <h1>My Name</h1>
                <h2>Designer</h2>
              </a>
              <nav>
                <ul>
                   <li><a href="index.html" class="selected">Portfolio</a></li>
                   <li><a href="about.html">About</a></li>
                   <li><a href="contact.html">Contact</a></li>
                 </ul>
                </nav>
            </header>
            <div id="wrapper">
              <section>
                <ul id="gallery">
                  <li>
                    <a href="https://www.youtube.com/watch?v=Hu6CIISutes" rel="prettyPhoto">
                      <img src="img/numbers-01.jpg" alt="">
                      <p>Logo Animation</p>
                     </a>
                  </li>
                </ul>
              </section>
         <script type="text/javascript" charset="utf-8">
          $(document).ready(function(){
          $("a[rel^='prettyPhoto']").prettyPhoto();
          });
        </script>
     </body>
   </html>

0 个答案:

没有答案