相模原市WEBサイト制作・カスタム・修復

Blog

2015/09/19

JQuery

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

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

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>を使えなかったため下記を参考に改行コードを入れてみました。

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

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

«前の記事

一覧に戻る