2012-03-26 12 views
0

fancyboxのコンテンツのパディングや余白を調整できることがわかりました。しかし、特殊なケースの場合は、コンテンツの左と右を別々に調整する必要があります。fancybox content margin-left

例えば、パディング - 左:50ピクセル。 padding-right:10px

wrapcssプロパティを使用してCSSを編集したり、カスタムCSSクラスを追加しようとしましたが、問題はfancyboxがすべてのCSSプリセットを無視してその表現を計算しているようです。 .fancybox-imageクラスのmargin-leftを設定した場合、fancyboxは50ピクセル幅以上になるはずです。

jsを編集する必要がありますか、それとも別のエレガントな方法がありますか?

あなたの助け、 よろしくため

多くのありがとう、 フロリアン

答えて

0

EDIT * * **

$(".mydiv").fancybox({ 
     wrapCSS  : 'fwrap' 
    }); 

CSS:

.fwrap{ 
    padding-left:200px; 
    margin-right:-100px; 
} 

この上のパディング200pxのを残しますfancyboxの権利を取得し、それをcenに戻しますあなたが望むようにスタイルを整理するためにボー、背景などを適用する必要があります。

+0

こんにちはwebweaver!ありがとうございました!基本的にはラッパークラスで動作しますが、イメージを表示するためにfancyboxを使用します。イメージはfancyboxの境界線にマージンを持つ必要があります。私はファンシーボックス全体を動かしたくありません。私がfancybox-imageクラスにCSSを適用すると(パディング - 左:200px;)、イメージはライトボックスから単に外されます...私は将来答えを受け入れます:) – spierala

+0

私はこれをすべきですあなたが探していることをやりなさい。 – WebweaverD