勉強したことのメモ

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からAjax経由でPHPにリクエストしCookieを操作する方法

先日PHPでCookie保存時にHttpOnly / Secure属性を設定する ...

FullCalendarでカレンダー内のイベントをクリックした際にタイトル以外の内容も表示させる方法

FullCalendarでカレンダー内のイベントをクリックした際にtitle以外 ...

jquery.cookie.jsで保存期間を時間指定する方法

jquery.cookie.jsで保存期間を1時間等、時間指定したい。公式サイト ...

JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法

外部サーバからAjax等で画像URLを取得したものをimgタグとしてページ内に描 ...

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

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