ミギムキ

Lightboxのパス指定を省略したい

サンプルコード

html

<a rel="lightbox"><img src="./images/sample.jpg" alt="サンプル画像"></a> <a rel="lightbox[group]"><img src="./images/sample_001.jpg" alt="サンプル画像001"></a> <a rel="lightbox[group]"><img src="./images/sample_002.jpg" alt="サンプル画像002"></a> <a rel="lightbox[group]"><img src="./images/sample_003.jpg" alt="サンプル画像003"></a>
スポンサー広告

jQuery

jQuery(function ($) { $('a[rel^=lightbox]').each(function() { var image_url = $(this).find('img').attr('src'); $(this).attr('href', image_url); }); });

仕組み

ご質問など受け付けています

記事の中でわかりにくかったところ、もっと知りたかったこと、間違っていることなど、何でもお気軽にご連絡ください。

ご連絡は下記フォームを利用いただくか、ツイッターアカウント@flat8migi宛てでもOKです。

スポンサー広告