In this tutorial, you'll learn how to make a carousel, banner, or content slideshow that you can browse by swiping left and right on a mobile device. Widget Setup Create the First Slide.Open a new RP file and double-click Page 1 in the Pages pane to open it on the canvas.Drag a rectangle widget onto the canvas from the Libraries pane and set its fill color to blue with the Fill Color selector in the Style pane or style toolbar.Right-click the rectangle and select Create Dynamic Panel in the context menu.Create the Second Slide.Double-click the dynamic panel to.At the top of the canvas, click State 1. At the bottom of the dropdown that appears, click Add State and press ENTER to create State 2. Drag a rectangle widget onto the State 2 canvas, drop it at (0,0), and set its fill color to red.Create the Third Slide.Repeat steps 5 and 6 to create State 3 with its own rectangle widget.
Preview the Interaction. Preview the page. After the one-second delay, the carousel should begin rotating. Add a 'Next' Button. Back in Axure RP, switch to the Icons widget library in the dropdown at the top of the Libraries pane. Enter arrow into the search field at the top-left of the pane, and locate a right-facing arrow that you like. Drag the arrow icon onto the canvas and place it.
Make the rectangle widget green.Click Close at the top-right of the canvas or press ESC to exit state-editing mode.Note: When creating your own carousels, you can include any widgets you'd like in each of the dynamic panel's states. Add a Swipe Left Interaction.
SummarizeHi Slider is a wonderful jQuery slideshow maker which is also a. Images, YouTube or Vimeo videos can be imported as the original files for jQuery slideshow producing.
Various templates and skins and separetely set transitions for each file in, offers users a totally fresh experience of making slideshows.