1

Twitter Bootstrap Carousel に奇妙な問題があります。http://www.bettondesignwork.co.uk/cheapbeds4u/をご覧ください。

現在、同じ画像が 3 枚あります。最初の画像は問題なく読み込まれますが、2 番目の画像が含まれている div の高さでスライドすると、アニメーションが 0px になります。これに加えて、追加の div がカルーセルの周りに生成されます。

実際のhtml:

<section id="top" class="container">
<div id="TopCarousel" class="moduletable carousel slide">
        <div class="carousel-inner">
            <div class="item">
                <img src="images/slideshow/homepage/01.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/slideshow/homepage/02.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/slideshow/homepage/03.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
        </div>
    </div>
</section>

レンダリングされた HTML:

<section id="top" class="container">
<div style="margin: 0px 0px 20px; position: relative; overflow: hidden; height: 0px;">
<div id="TopCarousel" class="moduletable carousel slide" style="margin: -340px 0px 0px; overflow: hidden;">
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/slideshow/homepage/01.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/slideshow/homepage/02.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/slideshow/homepage/03.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
        </div>
    </div>
</div>
</section>

どんな助けでも大歓迎です。ありがとうございました。

4

1 に答える 1

8

これは Joomla 3.0 と Bootstrap カルーセル機能の問題です。上記のコメントで指摘されているように、Mootools と jQuery は、J3 インストールではデフォルトで一緒に実行されます。

私にとっての修正は、このプラグインをインストールして有効にすることでした - http://extensions.joomla.org/extensions/core-enhancements/performance/mootools/15748

ここに見られるように、これは私にとって問題を解決します：

http://www.littledonkey.net

ただし、これによりmootoolsが完全に無効になるため、何かが期待どおりに機能しなくなる可能性があることに注意してください...

乾杯、

アダム

于 2012-10-11T08:15:46.917 に答える