Question

这个问题可能很愚蠢，但这是我第一次触及生活中的一些HTML和CSS，所以在这里。基本上我试图找出如何在整个网站上保持相同，这显然很容易，而且可能很容易，但我有点挣扎，我会告诉你为什么！

我有3个主页1 2 3，一个导航链接到每个页面1,2,3，还有一些全屏幻灯片，当用拇指调用时会自动显示。（由它自己显示出来的主页）我要做的是每张幻灯片获得一个HTML，所以当点击拇指时，它会将幻灯片通过其URL，例如“slide1.html”，我从主页面放置了相同但现在定位href与页面的URL但是它不起作用，因为我的三个主页只有一个URL我也认为这不是一种方法。

我在一些网站上看过，但我不完全确定它是否适合我想要的东西。外部HTML是一个很好的解决方案吗？

http://api.jquery.com/load/

    <nav>

        <ol>
            <li><a href="#page1">Page 1</a></li>
            <li><a href="#page2">Page 2</a></li>
            <li><a href="#page3">Page 3</a></li>
        </ol>

    </nav>

第1页

＃

<div id="page2">
    <p>Page 2</p>

    <li class="thumb">
        <a href="url-slide1">Thumb 1</a>
    </li>
    <li class="thumb">
        <a href="url-slide2">Thumb 2</a>
    </li>
    <li class="thumb">
        <a href="url-slide3">Thumb 3</a>
    </li>
</div>

<div id="page3">

    <p>Page 3</p>
</div>

我想知道是否有办法将所有幻灯片隐藏在page2中，所以我会从同一个html文件中调用div，这会更容易。

   <nav>

        <ol>
            <li><a href="#page1">Page 1</a></li>
            <li><a href="#page2">Page 2</a></li>
            <li><a href="#page3">Page 3</a></li>
        </ol>

    </nav>


    <div id="page1">
        <p>Page 1</p>
    </div>#

    <div id="page2">
         <p>Page 2</p>
         <li class="thumb">
              <a href="#slides1">Thumb 1</a>
         </li>
          <li class="thumb">
        <a href="#slides2">Thumb 2</a>
          </li>
        <li class="thumb">
        <a href="#slides3">Thumb 3</a>
        </li>
</div>

<div id=slidesWraper>
     <div id=slides1"><div>
     <div id=slides2"><div>
     <div id=slides3"><div>
</div>

<div id="page3">

    <p>Page 3</p>
</div>

我希望该链接有助于http://jsfiddle.net/marco_desi/fJ2yv/不太确定。

非常感谢你。

Answer 1

我问了一个像newby一样的东西，问题形式的答案是“有3页而不是只有一页有什么问题？”所以，不要为此烦恼，每个percieved页面都有一个html页面。

外部HTML或隐藏内容

1 个答案: