1

私はcarouFredSel（http://caroufredsel.frebsite.nl/）を使用して、稼働中の画像カルーセルを作成しています。コードは次のようになります。

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.carouFredSel-5.6.1.js"></script>

<script type="text/javascript">
        $(document).ready(function() {
            $(".carousel").carouFredSel ({
                align: "center",
                auto: false,
                circular: true,
                infinite: true,
                next: ".next",
                prev: ".prev",
                scroll: 1,
                width: 1072,
            });
        });
    </script>

私は小さな問題を抱えているだけです-うまくいけば。私が取り組んでいるウェブサイトはhttp://ellenandjosh.com/で、フロントページにcarouFredSelが表示されています。

ただし、前のボタンをクリックしようとすると、カルーセルが消えます。すでに次のボタンを押している場合はうまく機能しますが、ゲートのすぐ外で前のボタンを押すと、それが起こります。最後の画像が表示されると思っていました。何か案は？

4

1 に答える 1

1

修正方法は次のとおりです。

CSSに追加：

.carousel-thumbnail {height: 222px !important}

問題は、クリックして戻ると、カルーセルが混乱し、空のリストが高さを0pxに設定し、要素が消えることを確認することです。

スクリプトの場合、サイズに問題があるように見えるので、変更します

            $(document).ready(function() {

に

$(window).ready(function() {

ここのヒントに従って：http：//caroufredsel.frebsite.nl/support/tips-and-tricks.php

動作するはずですが、firebugを使用してのみテストできます。

ところで：スクリプトの辞書の末尾にコンマがあります。IEで機能するように削除してください:)

于 2012-06-14T23:19:41.573 に答える