勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

HOME > JavaScript > jQuery > Lightboxで画像拡大時に文字タイトルとリンクをつける

Lightboxで画像拡大時に文字タイトルとリンクをつける

2015/06/16 2024/03/02 jQuery

lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンクをつけたかった。以下形でいけた。

目次

1 ソース
2 その他

ソース

<a href="test.jpg" rel="lightbox" title="<a href='link.php'>link title</a>">
    <img src="test.jpg">
</a>

その他

title内では改行タグとかも使える。

関連記事

: 表示範囲を自由に変更可能な折れ線グラフが表示できるJSライブラリ amCharts の使用方法

どこかのサイトを閲覧していた際に、恐らくはJavaScriptのライブラリで描写 ...

: フォームの入力内容をjQueryで取得し、本文として設定した上でメーラーを起動させる方法

formで何らかを入力してもらいボタンをクリックするとメーラーが開き、先ほど入力 ...

: jQueryで後から追加した要素にhasClass / addClass / removeClassを使用した際の挙動

jQueryで後から追加した要素にhasClass / addClass / r ...

: 日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。・日付入力のテキストフォームにカレンダープラ ...

: サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法

画像をサムネイル表示してクリックしたら大きく表示するというのがLightbox ...