We often view photos in web pages and may have own albums. When you click the photo, it will appear at a large size in another place of the web page. This special effect uses some layers, hiding or showing them. It even doesn’t need the help with JavaScript codes. You may be interested in that how we can achieve this effect. We will introduce the way to make it. It may be a boring process. Be patient with it and you will master the way to make it.
 |
Step1
Click the table command. Insert a table with two rows and three columns. Then merge the third column.
Step2
Put four photos into the cells.
Step3
Open the insert inspector. Click the draw layer button. Then draw a new layer in the third column. Set focus on the layer and insert an image that is larger than the original one.
 |
Step4
Repeat the same action three times. Draw three layers above the first one. And put the right photo into corresponding layer.
Step5
Press F12 to open the layers inspector. Set the second layer, the third layer and the fourth layer as invisible.
Step6
Select the first image. Open the behaviors inspector and click the add button. Select the show-hide layers command and there will be a show-hide layers dialog box appearing. Select the first layers and click the show button. Set other layers as hide. Click OK.
 |
 |
Rule out the same action to the other images. It means when you select an image, and the image must be set as “show” state in the show-hide dialog box.
Now you have made an album successfully. Press F12 to preview the effect. Click the small photo and you will see the same large image appearing. This effect can apply to the web page aiming to show photos.
