勉強したことのメモ

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

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

   2024/01/07  jQuery

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

 

■ソース

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

 

■その他

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

 - jQuery

  関連記事

lightboxをファイルアップロードなしで使う(CDN)方法

本番実装時ならともかく、テスト用とかでlightboxみたいによく使うプラグイン ...

画像をサムネイル⇔クリックで拡大(lightbox)

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

jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)

画像のスライダーを作る時に便利なプラグインであるbxslider。簡単に使えるし ...

jQueryプラグイン使用時の注意

最近lightboxが急に動かなくなったという不具合があり 調べたところけっこう ...

Lightboxで画像拡大時に閉じるボタンの位置を右上に変更

Lightbox(バージョン2.7.1)で画像拡大時に閉じるボタンの位置を右下か ...