3

設計中の Web サイトに CarouFredSel を使用していますが、問題が発生しました...画像を URL にリンクしようとするまで、すべてが期待どおりに機能します。

次のscriptようになります。

$(function() {
    /* Homepage */
    $("#slide-image > div").carouFredSel({
        auto: false,
        items: {
            visible: 2
        },
        next: "#next",
        prev: "#prev",
        scroll: {
            easing: "quadratic",
            items: 1
        },
        width: "100%"
    });
});

そして次のようにcode見えます:

<div id="slide-image">
    <div>
        <a href="www.example.com"><img src="images/example.jpg"></a>
    </div>
</div>

どんな助けでも大歓迎です:)

ありがとう、
ジョシュ

4

1 に答える 1

3

私はそれを考え出した!!

周りを見回していると、CarouFredSel の Web サイトにいくつかのヒントとコツ ( http://caroufredsel.dev7studios.com/support/tips-and-tricks.php ) があり、ページの真ん中に「使用方法」が記載されていることがわかりました。左に浮くブロック要素」...そのすぐ下に、HTML彼らが使用するコードがリンクされている...だから、それをコピーしてさっさと!

だから、今私のようにscript見える:

$(function() {
    /* Homepage */
    $("#slide-image").carouFredSel({
        auto: false,
        items: {
            visible: 2
        },
        next: "#next",
        prev: "#prev",
        scroll: {
            easing: "quadratic",
            items: 1
        },
        width: "100%"
    });
});

そして次のようにcode見えます:

<div class="slide-image">
    <div id="slide-image">
        <a href="www.example.com"><img src="images/example.jpg"></a>
    </div>
    <div class="clear">
        <!-- -->
    </div>
</div>

主な変更点は次のとおりです。

  • 内部 div に ID を指定したため、メイン関数も変更されました
  • フロートをクリアしていますが、css を投稿していないため少し見にくいです (ただし、http: //caroufredsel.dev7studios.com/support/tips-and-tricks.phpの例と同じです)。 )

コード以外は、私が最初に投稿したものとまったく同じです...簡単に修正できてよかったです-これが誰かの役に立てば幸いです!!

ありがとう、
ジョシュ

于 2013-02-08T15:03:14.667 に答える