7 Replies - 882 Views - Last Post: 14 May 2020 - 02:20 AM

#1 calvinthedestroyer   User is offline

  • D.I.C Lover

Reputation: 173
  • View blog
  • Posts: 1,935
  • Joined: 13-October 07

Open full size image in new tab

Posted 05 January 2020 - 04:10 PM

My items for sale page

Hello
I would like to have this where the larger full size image opens up in a new tab when you click on the smaller image.
I tried modifying the one link for Wood-DDR-pad-1.jpg but as you can see, it doesn't work. Clicking on it does not open the image in a new tab nor does the page show the smaller preview image Wood-DDR-Pad-1_sm.jpg.

This page is a template that I found and then modified with lots of help from a freid. Is there a simple fix for what I want? or do I need to rewrite a lot of it?
thanks

Is This A Good Question/Topic? 0
  • +

Replies To: Open full size image in new tab

#2 modi123_1   User is online

  • Suitor #2
  • member icon



Reputation: 15799
  • View blog
  • Posts: 63,299
  • Joined: 12-June 08

Re: Open full size image in new tab

Posted 05 January 2020 - 04:33 PM

Have you looked into the target attribute, with _blank?

https://www.w3school...form_target.asp
Was This Post Helpful? 0
  • +
  • -

#3 calvinthedestroyer   User is offline

  • D.I.C Lover

Reputation: 173
  • View blog
  • Posts: 1,935
  • Joined: 13-October 07

Re: Open full size image in new tab

Posted 05 January 2020 - 04:40 PM

View Postmodi123_1, on 05 January 2020 - 04:33 PM, said:

Have you looked into the target attribute, with _blank?

https://www.w3school...form_target.asp


I thought that's what this should do:
<div class=htlfndr-gallery-item><a href=../images/Wood-DDR-Pad-1.jpg target=_blank><img src=../images/Wood-DDR-Pad-1_sm.jpg alt="custom ddr pad" /></a></div>


do I need quotes around the value _blank?
Was This Post Helpful? 0
  • +
  • -

#4 modi123_1   User is online

  • Suitor #2
  • member icon



Reputation: 15799
  • View blog
  • Posts: 63,299
  • Joined: 12-June 08

Re: Open full size image in new tab

Posted 05 January 2020 - 04:42 PM

Per the link, yes.
Was This Post Helpful? 0
  • +
  • -

#5 ishan.shah   User is offline

  • New D.I.C Head

Reputation: 3
  • View blog
  • Posts: 46
  • Joined: 28-March 19

Re: Open full size image in new tab

Posted 19 January 2020 - 10:26 PM

View Postcalvinthedestroyer, on 05 January 2020 - 04:10 PM, said:

My items for sale page

Hello
I would like to have this where the larger full size image opens up in a new tab when you click on the smaller image.
I tried modifying the one link for Wood-DDR-pad-1.jpg but as you can see, it doesn't work. Clicking on it does not open the image in a new tab nor does the page show the smaller preview image Wood-DDR-Pad-1_sm.jpg.

This page is a template that I found and then modified with lots of help from a freid. Is there a simple fix for what I want? or do I need to rewrite a lot of it?
thanks

Was This Post Helpful? 0
  • +
  • -

#6 ishan.shah   User is offline

  • New D.I.C Head

Reputation: 3
  • View blog
  • Posts: 46
  • Joined: 28-March 19

Re: Open full size image in new tab

Posted 20 January 2020 - 06:32 AM

View Postishan.shah, on 19 January 2020 - 10:26 PM, said:

View Postcalvinthedestroyer, on 05 January 2020 - 04:10 PM, said:

My items for sale page

Hello
I would like to have this where the larger full size image opens up in a new tab when you click on the smaller image.
I tried modifying the one link for Wood-DDR-pad-1.jpg but as you can see, it doesn't work. Clicking on it does not open the image in a new tab nor does the page show the smaller preview image Wood-DDR-Pad-1_sm.jpg.

This page is a template that I found and then modified with lots of help from a freid. Is there a simple fix for what I want? or do I need to rewrite a lot of it?
thanks


open full size image in new tag


1)
<a href="bird.jpg" target="new">
<img src="bird.jpg" alt="random image" width="400" height="300">
</a>
2)
=> Second way is first of all create new two pages first page have same code with hyper link the second html
Page add with same image double in size
Was This Post Helpful? 0
  • +
  • -

#7 danchy22   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 29
  • Joined: 27-April 20

Re: Open full size image in new tab

Posted 02 May 2020 - 08:19 AM

<div class="htlfndr-gallery-item">
<a href="../images/Wood-DDR-Pad-1.jpg" target="_blank">
<img src="../images/Wood-DDR-Pad-1_sm.jpg" alt="custom ddr pad" />
</a>



and close the </div> my apologies
Was This Post Helpful? 0
  • +
  • -

#8 ishan.shah   User is offline

  • New D.I.C Head

Reputation: 3
  • View blog
  • Posts: 46
  • Joined: 28-March 19

Re: Open full size image in new tab

Posted 14 May 2020 - 02:20 AM

Try this :
<a href="http://www.google.com" target="_blank">
  <img width="220" height="250" border="0" align="center"  src=""/>
</a>

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1