how to make a pop-up from an image link ?

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Hi there !

I would like to make a link from an image to a .pdf file that opens in a pop-up screen.

So far i managed to make a link from an image to a .pdf, but it opens in a new page inside of the website. So you have to click backwards to get back to the site, otherwise you accidentally click it away and you are completely out and have to open my website again to see the rest of it. How can i link an image to a pop-up .pdf ?

thanks in advance...
e
Photo of evelyne

evelyne

  • 23 Posts
  • 0 Reply Likes
  • troubled

Posted 9 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Evelyne

I apologize for the delay in responding to your question. I believe this is what you're looking for:

You can have an image link open in a new window by editing the HTML. Here are the steps:

1. Add an image using the text widget (drop a text widget and click "insert image" on the text editing toolbar - it is the icon that looks like a picture in a frame).
2. Click on the image and then click "insert link" on the text editing toolbar.
3. Create your link to your chosen URL as normal.
4. Then click "HTML" - the last icon on the text editing toolbar.
5. You will see the code that looks like this for your image link (using Yola's website and one of my own images as an example):
<a href="http://www.yola.com&quot;&gt;&lt;img src="resources/image.jpg"></a>

All you need to do is add in target="blank" as show below:
<a href="http://www.yola.com&quot; target="blank"><img src="resources/image.jpg"></a>

Please remember to include any folder names in the path if your file is stored in a folder. For example: ` "resources/Pictures/image.jpg" `

Your image link will then open in a new tab or window, depending on what browser your visitor is using.
Photo of evelyne

evelyne

  • 23 Posts
  • 0 Reply Likes
hi sanja,
sorry, i completely forget to thank you ! it worked perfectly, thank you very much !!!
evelyne
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
There is no text editor bar when I am clicked on the image! I can't get into the html of this the for the image. I don't know how I'm going to make a pop up link with the image.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Nathan

Are you adding your picture with a Text Widget or through a Picture Widget? Please be sure to use a Text Widget so that you can edit the HTML code. If you're still having trouble, please share your site URL so that I can take a look at what's going on. Thanks!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Thank you so much! I thoguht I had to use the picture widget!!!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I'm glad to hear that the problem has been resolved. :)
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Thank you!!!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
How do you guys mark the question as answered? I have a get satisfaction forum, just like this one, and me and my comapny want to know how to do that.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
You will need to have moderation access - which I assume you would if it's your own forum. If you do not, you may want to pose this question on the GS forum.

If you do have moderation access, you'll see on the right-hand side of the post, tools which enable you to select "answered".
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
I started my community, and I own it, but i dont think there is moderators. Which is kind of dum of get satisfaction because i think all of them should have moderators.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I would encourage you to post your question on the GS forum. I'm sure that they will be able to help you with this.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Ok, thank you for your advice.