新しいタブでサムネイルを開く

Question

私は新しいと私の脳は燃えている

私の問題はこれは私のウェブサイトlemonx.biz訪問です。

私がそこに作った4つのフレームには、小さな靴のザラ・ヘルメスとプーマがあります。

ユーザがフォルダimages/zara/thumbnals/1.pngにzara pumaとhermesの靴を表示している小さなサムネイルをクリックすると、新しいウィンドウタブが開き、images/zara/1.pngの画像がhtml javascriptまたはjqueryを使用して表示されます。

Answer 1

アンカータグに画像をラップし、画像の大きい方のバージョンを指すhrefとtarget="_blank"を指定します。

EDIT：更新された手順に従って。

画像に直接リンクする代わりに、next.html#name_of_image.jpgにリンクしてください。次に、next.htmlがロードされたら、javascriptを実行してターゲットdivに適切なイメージを設定します。

例：

<!--Include a placeholder image in your HTML in the target div...--> 
<div id="target_div"> 
    <img id="target_img" style="display: none;" src=""/> 
</div> 

<!--...And populate it on page load with Javascript.--> 
<script type="text/javascript"> 
    window.onload = function() 
    { 
     if (location.hash) //Only do this if there's an actual hash value. 
     { 
      var imgPath = 'path/to/images/directory/'; //Build the path to the images directory. 
      var imgName = location.hash.substring(1); //Get the name of the image from the hash and remove the #. 
      document.getElementById('target_img').src = imgPath+imgName; //Update the src of the placeholder image with the path and name of the real one. 
      document.getElementById('target_img').style.display = 'inline'; //Now that it has a valid source, reveal it to the viewer. 
     } 
    } 
</script>