Open clicked thumbnail in a new tab

Question

I have the below code on one page:

<div id="prodoneid" class="prodcls">
    <a href="javascript:void(changeIt('big.png', 'pagewrapid')());">
        <img src="images/zara/thumbnails/1.png" alt="ZARA"/>
    </a>
</div>

By the below code I am opening the image in a new window. The new page is opening but is not showing the image in the div.

var changeIt, img;
changeIt = function(imageName, objName) { 
    img = '<img src="images/zara/' + imageName + '">';
    newwindow = window.open( 'fprod.html', target="_blank" );
    document.getElementById(objName).innerHTML = img;
    setTimeout('newwindow.document.getElementById("pagewrapid").innerHTML=img',0)
};

possible duplicate of [open clicked thumbnails in a new tab](http://stackoverflow.com/questions/8600027/open-clicked-thumbnails-in-a-new-tab) — Rory McCrossan, Dec 22 '11 at 09:56
you need not raise a duplicate question. if you are not satisfied with answers, you can discuss in same thread. — dku.rajkumar, Dec 22 '11 at 10:08
dear raj if u see there only i have the last comments no one is solving the problem — sajid, Dec 22 '11 at 10:25
@sajid that is exactly what dku.rajkumar is talking about - keep it in the same thread. — Rory McCrossan, Dec 22 '11 at 10:31

score 1 · Accepted Answer · answered Dec 22 '11 at 09:55

1

You don't need any javascript for this, just add target=_blank to your a element:

<div id="prodoneid" class="prodcls">
    <a href="images/zara/big.png" target="_blank">
        <img src="images/zara/thumbnails/1.png" alt="ZARA"/>
    </a>
</div>

answered Dec 22 '11 at 09:55

Rory McCrossan

319,460
37
290
318

If you want to open the image in a div you need to use a modal dialog. Have a google for that term and you should find something useful. – Rory McCrossan Dec 22 '11 at 10:31

Open clicked thumbnail in a new tab

1 Answers1