0

そこで、colorBox を使用して透かしを画像に追加する方法を探していたところ、Google の最初の結果で次の回答を持つ古い colorBox グループが見つかりました。

ジャック・ムーア

10/3/09

わかりました、これは簡単にできるはずです。「cbox_complete」イベントを使用して HTML を少し追加しましたが、イベントを使用せずに同じコードをカラーボックスのコールバックとして簡単に配置できます。JS は次のとおりです。

$().bind('cbox_complete', function(){
     $('#cboxLoadedContent').append("<div id='protect' />");
});

私のスタイルシートでは、「保護」に次のスタイルを追加しました。

#protect{background:url(transparent.gif) 0 0 repeat; width:100%; height:100%; position:absolute; top:0; left:0;}

しかし、.bind('cbox_complete') はグローバル変数であるため、そのソリューションはすべての cbox にウォーター マークをロードするため、必要な特定のウィンドウまたはリンクだけで動作するように少し修正しました。

$(document).ready(function(){
    $(".gallery").colorbox({
        width:"800",
        onComplete:function(){ $('#cboxLoadedContent').append("<div id='protect'></div>"); }
    });
});

他のサイトでこれを見つけられなかったので、これが誰かの助けになることを願っていますが、例の1つでどのように...

ここで私の質問です。画像をロードすると、透かしが左上に表示されます...右下に表示したいです。

私はすでに変更しようとしています

brackground-position: right bottom;
bottom:0px;
right:0px;

ありとなし

postition: absolute;

そして、私はそれを機能させることができます。

前もって感謝します。

4

1 に答える 1

0

http://jsfiddle.net/aanred/DSXHt/で必要に応じてフィドルを作成します。#protect の CSS スタイルは次のようになります。

#protect {
    background:url(watermark.gif) bottom right no-repeat; 
    width:100%; 
    height:100%; 
    position:absolute; 
    top:0;
    left:0;
}​

ps：背景をロードできない場合は、ネットで見つけた画像にのみ設定しているため、他の画像に変更してください。

于 2012-11-28T14:00:37.713 に答える