2017-03-28 2 views
0

私はlightbox2を正常にダウンロードしましたが、キャプションを画像の右側に移動する方法があるかどうか疑問に思っています。lightbox2のキャプションを再配置する

jsファイルでコード行を見つける方法を説明している他のチュートリアルをいくつか読みましたが、かなり古く、新しいバージョンがあるようです。

私はcssで遊んでいましたが、役に立たなかったです。私はjsで何を探すべきか分かりません。ファイルのバージョン。どんな助けも非常に高く評価されるでしょう。

+0

おそらく、この時点でjsを使う必要はありません。 [mcve](ここでは、 '<>'ボタンを使用して質問)を作成した場合、私たちが手助けする最も簡単な方法ですが、この時点で質問するのはおそらく多すぎます。あなたが使用しているライブラリを正確にリンクしてください(そこにはたくさんのライトボックスプラグインがあります)。 2)可能であれば、セットアップのコンテキストをもう少し用意してください。あなたはこれをローカルサーバー上で実行していますか、あなたが持っているものを調べることができるWeb上の場所はありますか? –

答えて

0

ウェブブラウザのドキュメントインスペクタを使用すると、CSSを操作する際に非常に役立ちます。

.lb-detailsクラスをオーバーライドすると、テキストを右側に配置できます。

.lb-data .lb-details { 
    text-align: right; 
} 
0

this Lightbox pluginを使用しており、閉じるボタンでキャプションの位置を反転しようとしています。

私の前提が真実であれば、これをCSSに追加する必要があります。 lightbox.cssの後にこの追加を含むファイルCSSを読み込むことが重要です。 CSSファイルをまだお持ちでない場合は、CSSをファイルの最後に置いても問題ありませんが、別のカスタム.cssファイルを作成してCSSを混在させることなく保存する方がよいでしょう。他のものと一緒に。重要な部分は、lightboxの後にロードする必要があることです。

.lb-data .lb-close { 
    float: none; 
} 
.lb-data .lb-details { 
    text-align: right; 
    float: right; 
} 

あなただけ左に閉じるボタンを切り替えることなく、右側にキャプションテキストを揃えたい場合はデビッドにより示唆されるように、.lb-data .lb-detailstext-align:rightが、十分です。

答えがあまり意味がない場合は、自由に質問したり、詳細を入力してください。