私はlightbox2を正常にダウンロードしましたが、キャプションを画像の右側に移動する方法があるかどうか疑問に思っています。lightbox2のキャプションを再配置する
jsファイルでコード行を見つける方法を説明している他のチュートリアルをいくつか読みましたが、かなり古く、新しいバージョンがあるようです。
私はcssで遊んでいましたが、役に立たなかったです。私はjsで何を探すべきか分かりません。ファイルのバージョン。どんな助けも非常に高く評価されるでしょう。
私はlightbox2を正常にダウンロードしましたが、キャプションを画像の右側に移動する方法があるかどうか疑問に思っています。lightbox2のキャプションを再配置する
jsファイルでコード行を見つける方法を説明している他のチュートリアルをいくつか読みましたが、かなり古く、新しいバージョンがあるようです。
私はcssで遊んでいましたが、役に立たなかったです。私はjsで何を探すべきか分かりません。ファイルのバージョン。どんな助けも非常に高く評価されるでしょう。
ウェブブラウザのドキュメントインスペクタを使用すると、CSSを操作する際に非常に役立ちます。
.lb-details
クラスをオーバーライドすると、テキストを右側に配置できます。
.lb-data .lb-details {
text-align: right;
}
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-details
上text-align:right
が、十分です。
答えがあまり意味がない場合は、自由に質問したり、詳細を入力してください。
おそらく、この時点でjsを使う必要はありません。 [mcve](ここでは、 '<>'ボタンを使用して質問)を作成した場合、私たちが手助けする最も簡単な方法ですが、この時点で質問するのはおそらく多すぎます。あなたが使用しているライブラリを正確にリンクしてください(そこにはたくさんのライトボックスプラグインがあります)。 2)可能であれば、セットアップのコンテキストをもう少し用意してください。あなたはこれをローカルサーバー上で実行していますか、あなたが持っているものを調べることができるWeb上の場所はありますか? –