Blog

HOME > Web > JQuery > 【jQuery】Slimboxのtitleを改行する方法

【jQuery】Slimboxのtitleを改行する方法

2015/09/19

JQuery

新規案件の画像表示でSlimboxを使うのですが、
タイトル箇所をタイトルと内容に分けるため、改行が必要になりました。

いろいろと調査しカスタムをしてみました。
Slimboxサンプルデモページ

参考サイト
Lightboxで画像のタイトルを改行したいときの変更箇所

slimbox2.jsの下記個所を書き換え

変更前

function(Q){return[Q.href,Q.title]};

変更後

function(Q){return[Q.href,Q.title.replace(/\r\n/g, "<br>").replace(/(\n|\r)/g, "<br>")]};

ほぼ１行でスクリプトが記載されていますので、
上記タグで検索して該当箇所を探してください。

しかし・・・title内で<br>を使えなかったため下記を参考に改行コードを入れてみました。

参考サイト
HTMLのtitle属性（tooltip）で任意の場所で改行させる方法

このように指定をしてみたところ、うまく表示されました。

<a href="img/imge01.jpg" title="タイトル&#13;&#10;内容" rel="lightbox"><img src="img/image01.jpg" alt=""></a>

Slimboxサンプルデモページ

ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ