モーダルプラグインを使用する必要があり、カラーボックスは見栄えがします。
丸みを帯びた境界線なしでロードするにはどうすればよいですか?
私のページサイズを考えると、太い境界線はスペースを取りすぎます。
とにかく、一部の呼び出しで必要に応じて、それを非表示にするか、薄くして境界線を非表示にしますか?
モーダルプラグインを使用する必要があり、カラーボックスは見栄えがします。
丸みを帯びた境界線なしでロードするにはどうすればよいですか?
私のページサイズを考えると、太い境界線はスペースを取りすぎます。
とにかく、一部の呼び出しで必要に応じて、それを非表示にするか、薄くして境界線を非表示にしますか?
簡単な方法で境界線を非表示にすることができます:
$("#cboxTopLeft").hide();
$("#cboxTopRight").hide();
$("#cboxBottomLeft").hide();
$("#cboxBottomRight").hide();
$("#cboxMiddleLeft").hide();
$("#cboxMiddleRight").hide();
$("#cboxTopCenter").hide();
$("#cboxBottomCenter").hide();
この方法で必要な場合は、境界線スタイルのクラスを追加します。
.thin_border {
border: 10px solid blue;
border-radius: 10px;
margin: 10px;
box-shadow: 0 0 25px blue;
}
そしてそれをjqueryで追加します
$("#cboxContent").addClass("thin_border");
colorbox は実際にはプロパティ「border」を使用して、その巨大な黒い境界線を動かしていないと思います。画像を使用してその境界線を作成する 3 x 3 div に入れられているようです。削除できると確信していますが、実際のカラーボックスのJavaScriptをいじる必要があります。CSSをいじることもできます。
lightbox2 や shadowbox などの別のプラグインを調べることを検討していますか? 私は個人的にスリムボックス(ライトボックスの素敵な小さなクローン)を使用しています。コードをいじりたい場合は、それを選択してください。それ以外の場合は、別のプラグインを選択するだけです。