2

私はこれを得た：

$(document).ready(function(){
    $(".top_up").colorbox(
        {
            rel:'group3',
            opacity: '0.2'

        }
        );
});

そしてこれで：

<a id="172703536171203_661714" class="top_up" rel="pics" href="FULL_IMAGE_LINK" title=""><img src='THUMBNAIL' style='border: medium solid #1A1A1A;' /></a>

うまく動作します。

しかし、href = ""が完全な画像リンク以外のものであり、カラーボックスがrel属性または他の何か（重要ではありません。hrefおよびid属性以外）で完全な画像リンクを検索するようにします。

これどうやってするの？

4

1 に答える 1

7

あなたはすでにそこに99％います。ただし、属性を使用する代わりにrel、カスタム データ属性を使用して、コードを読みやすくすることもできます。

<a data-colorbox-href="http://...">
    <img ... />
</a>

次に、カラーボックスのインスタンス化で「href」オプションを使用して、コールバックを使用して、data-colorbox-hrefクリックされたリンクから (または何でも)の値を取得します。

$(".top_up").colorbox({
    //all the other options you have up there, plus...
    href: function() {
        return $(this).attr("data-colorbox-href");
    }
});
于 2012-09-11T19:42:41.613 に答える