2012-01-12 9 views
0

我試過一個正在工作的測試文件,但這個文件不是。我也嘗試從W3C驗證,並沒有顯示錯誤。我也試過粘貼Lightview不工作在我的網站之一

外jQuery UI的標籤,但還是沒有解決。插件之間可能會有任何衝突嗎?而且當我給絕對路徑的演示文件,它的工作,而相對路徑沒有。這裏有兩個文件:

這一個是工作(演示文件) -

<!DOCTYPE html> 
<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> <!-- optional --> 
<!--[if lt IE 9]> 
    <script type="text/javascript" src="../js/excanvas/excanvas.js"></script> 
<![endif]--> 
<script type="text/javascript" src="js/spinners/spinners.js"></script> 
<script type="text/javascript" src="js/lightview/lightview.js"></script> 

<link rel="stylesheet" type="text/css" href="css/lightview/lightview.css" /> 


<link rel="stylesheet" type="text/css" href="css/main-style.css" /> 
</head> 


<body> 

<a href='img/colorful-abstract.jpg' class='lightview' data-lightview-group='example'> 
    <img src='img/thumbs colorful-abstract.jpg' alt=''/> 
    </a> 
</body> 
</html> 





Where as this original ones isn't working- 

<!DOCTYPE html> 

<head> 
    <title>Rahul Dagli's Portfolio Website</title> 

    <!--jQuery--> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
    <script type="text/javascript" src="js/jquery.quicksand.js"></script> 
    <script type="text/javascript" src="js/jquery-main.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script> 
    <!--lightview--> 
    <script type="text/javascript" src="js/spinners/spinners.js"></script> 
    <script type="text/javascript" src="js/lightview/lightview.js"></script> 
    <script type="text/javascript" src="js/excanvas/excanvas.js"></script> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> 


    <!--CSS--> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <link rel="stylesheet" type="text/css" href="css/navigation-menu.css" > 
    <link rel="stylesheet" type="text/css" href="css/main-style.css" /> 
    <link rel="Stylesheet" type="text/css" href="css/jquery-ui-1.8.17.custom.css"> 
    <link rel="stylesheet" type="text/css" href="css/lightview/lightview.css" /> 

</head> 



<body> 
    <!--main navigation--> 
    <nav> 
     <ul id="navigation"> 
       <li class="portfolio"><a href="" title="Portfolio"></a></li> 
       <li class="about"><a href="" title="About"></a></li> 
       <li class="contact"><a href="" title="Contact"></a></li> 
     </ul> 
    </nav> 


    <!--main content--> 
    <div id="sections"> 

     <!--Portfolio page starts--> 

     <section id="section-portfolio"> 


      <header> 
       <hgroup> 
        <h1>Rahul Dagli</h1> 
        <h2> Web Designer</h2> 
       </hgroup> 
       <p>Welcome to my online portfolio. Take a look at my work and find out who I am.</p> 
      </header> 


      <!--Tabbed Image Gallery--> 
      <div id="portfolio-list"> 
        <div id="tabs" class="tabs-bottom"> 

         <ul> 
          <li><a href="#tabs-1">Graphic design</a></li> 
          <li><a href="#tabs-2">Web design</a></li> 
          <li><a href="#tabs-3">Flash</a></li> 
          <li><a href="#tabs-3">3d</a></li> 
         </ul> 

         <div id="tabs-1"> 
         <ul> 
          <li></li> 
          <li><a href="#"></a></li> 
          <li><a href="#"></a></li> 
          <li><a href="#"></a></li> 
         </ul> 
         </div> 

         <div id="tabs-2"> 
         </div> 

         <div id="tabs-3"> 
         </div> 

        </div> 

      </div> 



     </section> 
     <!--Portfolio page ends--> 

     <!--About page starts--> 
     <section id="section-about"> 
     </section> 
     <!--About page ends--> 

     <!--Contact page starts--> 
     <section id="section-contact"> 
     </section> 
     <!--Contact page ends--> 

    </div> 
<a href='img/colorful-abstract.jpg' class='lightview' data-lightview-group='example'> 
    <img src='img/thumbs-colorful-abstract.jpg' alt=''/> 
    </a> 
</body> 

</html> 

回答

1

有你可以用它來從開始下載一個例子文件夾,它顯示了一個正確安裝。一旦有效,Lightview應該在標籤中工作。

另外請記住,所有Lightview相關包括在您的網頁上是絕對的,而不是像您的其他包含。所以這可能是文件不在你期望的位置。

相關問題