勉強したことのメモ

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で画像(タグ内)のsrc情報を取得する場合

すぐに出てこなかったのでメモ。 $('#test').attr('src'); ...

jQueryでshow/hideよりaddClass/removeClassの方が速い

diaplay:none/blockする際に最近はshow()/hide()を ...

jQueryにて何らかの処理中にブラウザをロックする「waitMe」プラグインの利用方法

jQueryにて何らかの処理中、ユーザーによるクリックや入力等の動作を防ぎたい。 ...

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

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

jQueryで新しく追加した要素に対してイベントがきかない場合の対応

jQueryで新たに追加した要素に対して、 clickイベントを使いたかったけど ...