Axure RP 8 How to design the image point-and-praise function of the Web page prototype?

Axure RP 8 How to design the image point-and-praise function of the Web page prototype?

1, open axure RP 8 software, in the component library to find picture components, drag a to the canvas, as shown in the following figure:

2, in "Icons" find the hand-shaped upward and hand-shaped icon downward, and drag to the picture component below, as shown in the following figure:

3, select the picture components, import external pictures into the picture components; modify two hand fill colors, green and red, as shown in the following figure:

4. Add two input boxes near the two hand icons, adjust the width and position of the input box, as shown in the following figure:

5, select the hand-shaped icon, add mouse click Use case; set a global variable adddata and set the text as shown in the following illustration: