DIVをクリックして新しいタブでインライン背景を開きます

Question

DIVに背景画像を動的に挿入しています。

<div class="mc-image " title="The Bridges" style="background-image: url(image.jpg);" data-href="link.html"></div> 
<div class="mc-image " title="The Bridges" style="background-image: url(image2.jpg);" data-href="link2.html"></div> 

これらのうち最大5個または6個があります。電話では、新しいタブでこれらの背景画像を開き、人々が画像全体を見ることができるようにしたい（ズーム、ピンチなど）

これを行うために使用できるjQueryとは何ですか？

Answer 1

は、なぜあなたは自分のdiv内の画像とリンクをしない

jQuery('.mc-image').on('click', function() { 
     var bg = jQuery(this).css('background-image').replace(/^url\(['"]?/,'').replace(/['"]?\)$/,''); 
     window.open(bg); 
    });