Lightview не работает на одном из моих сайтов - PullRequest
Новая
       17

Lightview не работает на одном из моих сайтов

0 голосов
/ 12 января 2012

Я пробовал тестовый файл, который работает, но этот файл не работает.Я также пытался проверить с 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>

1 Ответ

1 голос
/ 12 января 2012

В загрузке есть пример папки, с которой можно начать, она показывает правильную установку.Как только это сработает, Lightview также должен работать на вкладках.

Также имейте в виду, что все связанные с Lightview включения на вашей странице являются абсолютными, а не относительными, как и другие ваши включения.Возможно, файлы находятся не там, где вы ожидаете.

...