Axure Automatic Carousel Chart effect

Source: Internet
Author: User

Picture Carousel (where I use the Axure version 8.0)

1: Add an original picture

2: Click the picture, right-select "Convert to Dynamic Panel"


appears as the lower-right corner after selection


3. Double click on the "dynamic panel" in the lower right corner, and click Copy, copy the two pictures, a total of three (the number of pictures can be determined by themselves), confirmed as shown on the right image:


4. Double-click the picture under the State1, will re-appear a page, double-click the picture will state2,state3 to change the picture to different pictures, and give the same width, high, the final effect is as follows:

The mouse on the picture will show the corresponding picture,

5. Click "Picture Carousel" in "Summary: Page", select "View: Dynamic Panel" Inside the "properties", and then in the selection of interaction inside the "Loading (double-click)";

When you double-click, it appears

6. Then, select "Component" Inside the "Setup Panel status", will appear in the middle, click "Settings", the right side will appear the symbol name, select the component name you want to set, the following will appear "select State", "Enter animation", exit animation ";(such as)

"Select State" just select Next (forward), or previous (backward), here I choose Next;

Click "Loop Back", "Interval" (interval is milliseconds, 1000 milliseconds = 1 seconds);

Enter the animation and exit the animation can be defined by themselves, (I choose here is the right to swipe); The settings are clicked to confirm, press F5 or the preview in the upper right corner,



The above is a Carousel diagram setup process!!! I hope I can help you .....






Axure Automatic Carousel Chart effect

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.