1

iframeHTML 内でを使用して、Web から見つけた画像ギャラリーを読み込んでいます。それぞれimgにクリックできる情報バーがあり、バーが開くと、視聴者に追加情報が提供されます。

<a href="images/test.jpg">
        <img src="images/test.jpg", 
         data-big=""
         data-title="test title"
         data-description="test description"/>
    </a>

リンクされた画像内にある要素に別のリンクを挿入したいのdata-descriptionですが、これが可能かどうかわかりません。

4

2 に答える 2

4

http://jsfiddle.net/4YPvp/

.link {
    position: relative;
}
.link span {
    position: absolute;
}

<a class="link" href="http://cnn.com">
    <img src="http://placehold.it/150x100" data-big="" data-title="test title" data-description="test description"/>
    <span data-url="http://npr.org">Other link</span>
</a>

$('.link span').click(function (e) {
    e.preventDefault();
    window.location = $(this).attr('data-url');
});

この例では jQuery を使用したことに注意してください。

于 2013-02-25T15:59:51.830 に答える
1

リンクの動作を変更する JavaScript ベースのクリック ハンドラーを接続することはできますが、HTML ではリンクのネストは許可されません。

あなたの質問に完全に答えるには、より詳細な情報が必要です。

于 2013-02-25T15:47:00.707 に答える