多个幻灯片,jQuery

时间:2014-04-21 22:52:37

标签: jquery html css slideshow fullpage.js

我在 VERTICAL SHOWCASE SLIDER网页中使用FULLPAGE.JS作为jQuery插件。 当我使用垂直滑块一次时,没有问题。但是,如果我在全页的另一部分中插入代码两次,则第二个滑块不起作用。

1.st滑块

<div class="section " id="section1">

    <section id="ps-container" class="ps-container">
    <div class="ps-header">
            <h1><br></h1>
        </div><!-- /ps-header -->

        <div class="ps-contentwrapper">

            <div class="ps-content">
                <h3>ESPAÑA</h3> <h2>Alex SAMPEDRO</h2>
                <p>With restful springiness in the seat; prevents static sitting and provides enhanced seating comfort. Padded seat and back for enhanced seating comfort. Soft, hardwearing and easy care leather, which ages gracefully.</p>
                <!--<a href="http://www.ikea.com/gb/en/catalog/products/80163804/#/60203882">Buy this item</a>-->
            </div>

            <div class="ps-content">
                <h3>CHILE</h3> <h2>Keno PARRA</h2>
                <p>For increased stability, re-tighten the screws about two weeks after assembly. Seat and back with restful flexibility; prevents a static sitting posture and enhances comfort.</p>
            </div>



        </div><!-- /ps-contentwrapper -->

        <div class="ps-slidewrapper">

            <div class="ps-slides">
                <div style="background-image:url(CIMA/Oradores/AlexSampedro.jpg);"></div>
                <div style="background-image:url(CIMA/Oradores/AlexSampedro.jpg);"></div>


            <nav>
                <a href="#" class="ps-prev" ></a>
                <a href="#" class="ps-next" ></a>
            </nav>

        </div><!-- /ps-slidewrapper -->

    </section><!-- /ps-container -->

    <!-- jQuery if needed -->
    <script type="text/javascript" src="js/slider_slide.js"></script>

第二个滑块:

 <div class="section " id="section2">

    <section id="ps-container" class="ps-container">
    <div class="ps-header">
            <h1><br></h1>
        </div><!-- /ps-header -->

        <div class="ps-contentwrapper">

            <div class="ps-content">
                <h3>ESPAÑA</h3> <h2>Alex SAMPEDRO</h2>
                <p>With restful springiness in the seat; prevents static sitting and provides enhanced seating comfort. Padded seat and back for enhanced seating comfort. Soft, hardwearing and easy care leather, which ages gracefully.</p>
                <!--<a href="http://www.ikea.com/gb/en/catalog/products/80163804/#/60203882">Buy this item</a>-->
            </div>

            <div class="ps-content">
                <h3>CHILE</h3> <h2>Keno PARRA</h2>
                <p>For increased stability, re-tighten the screws about two weeks after assembly. Seat and back with restful flexibility; prevents a static sitting posture and enhances comfort.</p>
            </div>



        </div><!-- /ps-contentwrapper -->

        <div class="ps-slidewrapper">

            <div class="ps-slides">
                <div style="background-image:url(CIMA/Oradores/AlexSampedro.jpg);"></div>
                <div style="background-image:url(CIMA/Oradores/AlexSampedro.jpg);"></div>


            <nav>
                <a href="#" class="ps-prev" ></a>
                <a href="#" class="ps-next" ></a>
            </nav>

        </div><!-- /ps-slidewrapper -->

    </section><!-- /ps-container -->

    <!-- jQuery if needed -->
    <script type="text/javascript" src="js/slider_slide.js"></script>

我能做些什么呢?

0 个答案:

没有答案