0

私のウェブサイトには画像があります。クリックしたときに画像をライトボックスで開きたいので、 rel="lightbox" を追加しようとしています。しかし、HTML コードのこの部分を変更することはできません。JavascriptやjQueryのようなものでrelを「強制」する別の解決策はありますか?

これは、rel="lightbox" を追加したい HTML コードです。

<div class="gv_panel" style="width: 240px; height: 290px;">
<img style="visibility: visible; " src="t-shirt.jpg">
</div>

これに対する解決策はありますか??

4

1 に答える 1

0

jQueryを使用すると、attr関数を使用してこれを行うことができます：

$( '.gv_panel img' ).attr( 'rel', 'lightbox' );

Javascriptのみを使用：

document.querySelector( '.gv_panel img' ).rel = 'lightbox';

ただし、IE はdocument.querySelector8 以降のバージョンからのみサポートすることに注意してください。したがって、IE7 をサポートする必要がある場合は、getElementById代わりに使用するか、別のものを使用する必要があります。

于 2013-06-09T14:01:47.183 に答える