0

私はこのスライドショーを持っています：

<div class="row-3">
                    <div class="slider-wrapper">
                        <div class="slider">
                          <ul class="items">
                            <li><img src="images/slider-img4.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1"></strong>
                                    <strong class="b2">Operaciones realistas</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>
                            <li><img src="images/slider-img1.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1">Pasión por Volar</strong>
                                    <strong class="b2">Realismo</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>
                            <li><img src="images/slider-img2.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1">Pasión por Volar</strong>
                                    <strong class="b2">Realismo</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>
                            <li><img src="images/slider-img3.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1"></strong>
                                    <strong class="b2">Simulación</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>                           
                          </ul>
                          <a class="prev" href="#">prev</a>
                          <a class="next" href="#">prev</a>
                        </div>
                    </div>
                </div>

クラス項目は次のとおりです。

.items {display:none}

同時に、prototype.js を実行しています。しかし、実行すると、スライドショーが表示されます。.item で display:none を使用しているためです。しかし、display:none を削除すると、スライドショーが機能しないので必要です。そして、prototype.js を削除すると、スライドショーは機能しますが、prototype を使用しているスクリプトは機能しません。

4

1 に答える 1

0

stylePrototypeJS では、display:none をCSS ではなく属性に含める必要があります。.items{display:none} スタイルを削除し、次のように UL 開始タグを使用します。

<ul class="items" style="display:none">

これにより、 .show() が適切に機能するようになります。これがあなたの中心的な問題だと思います。

于 2013-07-24T09:32:05.960 に答える