Swishcomponents.com

Posts Tagged ‘image’

Nice Component for Swishmax 3

The ImageZoom component allows you to add an image to your website with an inbuilt zoom control. It provides a convenient way to display an entire image, but still allow the viewer to zoom in and out to see more (or less) detail. Once the object is zoomed, it can be moved within the window using the familiar mouse click and drag.

Read more here: Blog Swishzone.com

This is a new panorama Scroller from Swishzone.com.

Many modern digital cameras come with software that allows you to “stitch” multiple photos together. This can be used to create a spectacular panoramic image. With the addition of a scroll bar, you can add some intrigue to your website by allowing a user to scroll the panorama within a 4:3 aspect ratio window.

This article will show you how to add a scrollbar and a preloader to your movie to scroll wide images.

Step 1. Adjust the size of your movie. Select Scene_1 in the Outline panel, then in the Properties panel press the Movie Properties button. Adjust the size of the movie to be 400×300.

Step 2. Adjust your image. Use a image editing tool such as MS Paint to resize your image so that it is 300 pixels high. Lock the aspect ratio when you re size the image so that the width is adjusted correspondingly.

Step 3. Import the image. Use Menu | Insert | Import Image to import an image into your movie. Press the O=X button in the transform panel and set the reference and transform points to be the top left hand corner. Set the _x and _y position to be 0, 0.

Note the width of the image. In the example it is 1377 pixels. This number will be used later.

Step 4.Rename the image to be “image” and set the target checkbox in the Properties panel.

Step 5. From the Components Panel select Controls | Scrollers | Scroll_silver and drag that component onto the stage. If the Parameters panel is not visible, make it visible using Menu | Window and enable the Parameters panel.

Step 6. Adjust the parameters for the scroll bar as shown in the image to the right:
Note that the following parameters have been altered from their default value.

Scroll bar Length: 400
Direction: Horizontal
Window Size: 400
Document Size: 1377
Reverse Output?: true
Event Function: blank.
Event Variable: _parent.image._x

The Window Size, 400, is set based on the size of the viewable area. The Document size, 1377 is set based on the width of the image.

Once the parameters have been altered, drag the scrollbar to the bottom left hand corner of your movie.

If you press the play button to preview your movie you should see that the scrolling is now working. If it does not scroll see the trouble shooting section below.

At this stage, the movie is pretty much complete. However there are a few optional extras that can make the movie better.

:: read more

Download

Download: Download Panorama Scroller Swishmax 2 Freeware (145.64 kB - 405 x herunter geladen)