当前位置：网站首页>Axure Carousel

Axure Carousel

2022-07-30 23:34:00 【qq_48639265】

Axure Carousel
Pull the dynamic panel to the work area, click the dynamic panel, set four states, each state will have a different image,
Insert image description here
In state 1, put the icon that slides left and right, set to hide, and put four belowSmall circle, click to jump to the corresponding page.When loading into the browser, set the state of the dynamic panel, as shown in the figure

insert image description here
The small circle below is named 1 from left to right, 2, 3, 4, set the designated selection group for the small circles, so that there is a mutually exclusive function between the small circles.At the same time, first set the first small circle to be selected as true.In order to make the small circles of the picture carousel also cycle, set each small circle to be selected and fill it with a color.When the state of the dynamic panel is changed, the Enable Cases on the right, add logic
As shown in the figure:
smallThe setting for the circle to cycle with the picture.
Set the state of the panel when the mouse is clicked for each small circle. When the mouse moves into the small circle, the left and right icons should be displayed, as shown in the figure:

When the mouse is moved into the dynamic panel 1, the loop stops and the left and right icons are displayed.
insert image description here
When the mouse is removed, let the image continue to cycle, setAs shown in the figure:

Due to different browsers, when the mouse is moved in, the left and right small icons may not be displayed