0

カラーボックス初心者です。カラー ボックスにボタンを追加したい (カラー ボックスの X ボタンを「閉じる」というボタンに置​​き換えたいため)。このチュートリアル(ソーシャル メディア ボタンは必要なく、単純な「閉じる」ボタンのみ) に従って、次のコードを作成/試行しました。しかし、カラーボックスにボタンを追加していません。私は何が欠けていますか？

var myButtonVar = '<div id="myButton">Button Text</div>';
jQuery("#cboxContent").append('<div id="buttons">' + myButtonVar +'</div>'); 

$.colorbox({width:"30%", inline:true, href:"#inline_content",
    onClosed: function() {
        alert("closing");
    },
});
4

1 に答える 1

0

「x」は「閉じる」というボタンです。単純に、それを縮小し、テキストをインデントして非表示にし、背景画像を追加する CSS スタイルを持っています。次の CSS を使用して、これらのことを元に戻し、少しスタイリングを追加できます。

#cboxClose {
    background: none;
    text-indent: 0px;
    width: 40px;
    border: 1px solid;
    height: 15px;
    margin-top: 3px;
}

グループ化されたカラーボックスがある場合、矢印は新しいスタイルのボタンの邪魔になるため、次のように左にスクートする必要があります。

#cboxPrevious {
    right: 64px;
}
#cboxPrevious {
    right: 42px;
}

また、スライド ショーがある場合は、再生/一時停止ボタンもスクートしたい場合があります。

#cboxSlideshow {
    right: 84px;
}
于 2013-08-22T02:17:01.813 に答える