lightbox2.02のキャプションを改行させる : web dimension maker
lightbox2.02を使う場合、キャプションが長いと文字がはみ出してしまいます。そこで、title属性内に<br />を使わずにキャプションを改行させる1案を考えました。 lightbox2.02の設置方法等は割愛させていただきます。僕よりもすばらしい技術者の方の記事が沢山ありますし。 CSSで調節するやり方もあると思うのですが、うまいこといかなかったのでlightbox.jsを少しいじることにしました。 まず今回の根本的な考え方ですが、「title属性ではなく、a要素内に書かれた(最後の)span要素内のHTMLを読み込む」という考え方に基づいて作ります。準備するHTMLは下記のようになります <a href="images/image-2.jpg" rel="lightbox"><img src="images/thumb-1.jpg" alt=""><span>abcd<br /
MTの画像挿入時に rel=
MTの画像挿入時に rel="lightbox"を挿入する「LightBox2MT」プラグイン 自分用に作成したプラグインですが一応公開しておきます。 サムネイルを作成して画像を挿入した際に以下のようなリンクが挿入されますが、 <a href="元画像"> それを以下のように「 rel="lightbox"」を追加した形に変更します。 <a rel="lightbox" href="元画像"> lightboxをご利用されている方は作業の効率化の為にご利用ください。 LightBox2MTのダウンロード(v1.01) 解凍したLightBox2MTフォルダをmtディレクトリ内のpluginsにアップしてください。 LightBoxの利用方法は以下を参考にしてください。 Lightboxを使い画像を拡大表示する。 jsファイルは絶対パスで読み込まないとアーカイブによってはlightbox化さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
