larger view in seperate window?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
can u make it so that if you double click on a picture it opens another window with the picture enlarged?
Photo of Christie Patterson

Christie Patterson

  • 1 Post
  • 0 Reply Likes

Posted 7 years ago

  • 1
Photo of jeremy

jeremy, Employee

  • 1349 Posts
  • 90 Reply Likes
Hello there Christie,

To create clickable images on your site, please follow these steps.

1. Upload the thumbnails (these are the small versions of your pictures) and the corresponding full-sized photos into the File Manager.
2. Drag and drop a Text Widget on to your page and add the thumbnails by clicking on the "Picture" button (the one with the green tree) on the Text Editing Toolbar.
3. Click on the "Add Page" button. Name it something logical like "photo1" and be sure that the "Show in Navigation" box is NOT checked. Your new and empty page will load up ready for you to add the corresponding photograph. Add your large-sized picture to this page using a Picture Widget.
4. To make the thumbnail link to the full-sized image, click on the thumbnail picture. Then choose the "Link" button on the Text Editing Toolbar.
5. The Link Editor will open up. It will allow you to create a link to the relevant page. Browse for the page you want and click "OK".
6. Save and republish your site so that your changes will be reflected on your live site.

Alternatively, you could use Flickr Gallery. The Flickr Gallery Widget allows you to quickly and easily create a slick photo gallery with thumbnails that link to the larger images in your Flickr photostream. For more information on adding Flickr to your site, please click on this link: Flickr Galleries.

It is possible to have a link open in a new window, but it means that you need to do a little HTML coding.

For your picture links:

1. Add an image using the Text Widget (drop a Text Widget and click the "Picture" button on the Text Editing Toolbar - it is the button that looks like a picture in a frame).
2. Click on the image and then click the "Link" button on the Text Editing Toolbar.
3. Create your link to your chosen URL as normal.
4. Then click the "HTML" button - the last button 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=";&gt;&lt;img src="resources/image.jpg"></a>

All you need to do is add in target="blank" as show below:
<a href="; 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.

I hope this helps.