HELP!Engine CodeImage Transparency
popupimages.png

What is it?

Once you have embedded an image onto a page (view tutorial 1a. Embedding Images) in your website you can control the parameters of the image to make it POPUP when clicked, by using the engine code provided.

Tutorial: POPUP Images

Step 1

Login to your CMS area for your site.

Step 2

Click the tab [Edit] to edit your page, locate the “Home” page as this is where we previously embedded an image.

Step 3

Find the line of text that is calling the image: 

{butterfly.jpg}

Step 4

Now to make the image POPUP in a new window add a comma , after the file extension (in this example the file extension is .jpg) and enter popup.

Step 5

The code would look like this: 

{butterfly.jpg,popup}

The image will still display the same, but it will now be “active” so that you can click on it to make it bigger.

Popup example:

butterfly.jpg

Step 6

The image that opens in a popup window will display the full or original size – so to display a small image that is active and will open fullsize in a new window the code will be a combination of resizing the image (view tutorial 1b. Resizing Images) and making it active so that it can popup.

The code would be similar to this: 

{butterfly.jpg,50%,popup}

As before, once you have inputted the Image code click [Save changes] and then have a look at your website’s Home page.

Please note: you will need to refresh the page of your website to view the changes.