html - 新しいタブで画像リンクを開くことができるようにする

Question

私は次のHTMLテンプレートを持っています：

<div class='item'>
    <img href='...' attributes='...' \>
    <div class='popup' attributes='...'>
    </div>
</div>

Jqueryを使用して、div（したがって画像）の上にマウスを置き、ポップアップを表示します。問題は、コントロールしてクリックしてChromeやFirefoxの新しいタブで開くことができないように見えることです。また、画像を右クリックして新しいタブでリンクを開くこともできません。これどうやってするの？

Answer 1

target="_blank"リンクに追加します。次のようになります。

<div class='item'>
    <a href='...' target="_blank"><img src='....' attributes='...' \></a>
        <div class='popup' attributes='...'>
    </div>
</div>

画像を開きたいリンクが入り、画像へa href='LINK'のファイルパスが入りますimg src='PATH'

Answer 2

この例を確認してください

画像の例を含むコードマークアップを次に示します（Ctrlキーを押しながらクリックするとgoogle.comに移動します）。

<div class="item">
    <a href="http://www.google.com">
        <img src="https://www.google.com/intl/en_ALL/images/logos/images_logo_lg.gif" attributes="#"\>
    </a>
    <div class="popup" attributes="#">
    </div>
</div>

<img>タグをタグでラップする必要があります<a>。

それが役に立てば幸い！

Answer 3

あなたに必要なのは

<div class='item' >
    <a href='...' attributes='...' target="_parent">
    <img src="yoursource.jpg"/></a>
    <div class='popup' attributes='...'>
    </div>
</div>

target = "_ parent"を追加するか、hrefに_blankを使用して（そして今のところimgを削除して）、>とmakeおよびnewimgフィールドでhrefを閉じます。hrefとimgをでラップします。

Answer 4

画像をタグで囲み、画像が<a>表示されている新しいページにリンクします。