Question

我尝试了一个正在运行的测试文件，但是这个文件没有。我也试过从w3c验证它没有显示错误。我也试过粘贴

在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>

Answer 1

您可以使用下载中的示例文件夹开始，它显示正确的安装。一旦有效，Lightview也应该在标签中工作。

另请注意，您网页上所有与Lightview相关的内容都是绝对的，而不是像您的其他内容一样。因此，文件可能不是您期望的那样。

Lightview没有在我的网站上工作

1 个答案: