勉強したことのメモ

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

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

   2024/03/02  jQuery

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

 

ソース

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

 

その他

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

 - jQuery

  関連記事

jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方

divやspanなど指定した要素を簡単にフォーカスするjQueryプラグインがあ ...

jQueryで画像を遅延ロードする「jquery.lazyload.js」の利用方法

画像を遅延ロードさせたい時にはjQueryプラグインのlazyloadが便利。以 ...

pjaxについてのメモ

ずっと気になっていたpjaxについてのメモ。 ■参考サイト http://chi ...

ライブラリ等を使用せずファイルをドラッグ&ドロップでアップロードする方法

formにドラッグ&ドロップでファイルをアップロードする機能を実装する場 ...

「slick」で作成したスライダー画像にランキングの順位を表示する方法

「slick」で作成したスライダー画像に対して、ランキングの順位を表示したいとい ...