Featured Flash FLA 11337 Flash Movies | 1 New Flash Movies Added What's New | Top 100 Featured FLA » Author: Bugra Ozden » Title: Skatalog v9 - product catalog » Description: Create your product catalog easly and publish on your website or Create your image gallery, documents list, portfolio. Fully XML Driven » More by Bugra Ozden Random FLAs | Add Flash Movie Featured Flash Site 5828 Flash Sites | 0 New Flash Links What's New | Top 100 Flash Site Featured Site » Posted in the Flash Kit Links section » Title: Creative DW Image Show PRO » Description: Creative DW Image Show PRO is a Dreamweaver extension which enables the user to create multimedia presentations. It combines the features of the popular Creative DW Image Show with the ability to add professional text effects to slides (similar to After Effects). The product is very customizable: the user can choose the duration of the transition effects, the slide motion start and end position, zoom and panning type for both images and texts. Random Links | Add your own Flash Related Links

1280 Tutorials 7 New Tutorials Added! What's New | Top100 » Make a Flash Slide Show Screen Saver » Simple flash making tutorial for thanksgiving » Create flash banner for website » Create xml slideshow with free template » How to Insert a Multilingual Subtitle Into Your Flash Video Studio » How to Create Cool Halloween Slideshow » Debugging flash using the Firebug console » Create Flash Slideshow on Blogger » FLASH TRICKS IN WEB ADVERTISING: FLASH BANNERS » Unknown Tag: Title10 Random Tutorial | Add Site

Sr Instructional Designer D2L-Moodle,Clearance WSI Nationwide, Inc. US-NJ-Fort Monmouth Post A Job | Post A Resume

Tutorials Home What's New Top Rated Submit myTutes Random!

Tutorials » Interactivity/Navigation

Making an Info-Window with Scrolling Text
Author: Patrick Jansen | Website: http://orbita.starmedia.com/~pjv |

Adding the drag-scrolbar and nessary trigger. (cont)

Step 8 :

Create a new Movie Clip (the container for scroll drag mc) and name it scrollbar. On the first frame, place an instance of Movie Clip scroll drag mc at position x=0 and y=0. Give it the instance name slider. Duplicate frame 1 to frame 2 and frame 3. At frame 1 insert the action:

stop (); 

At frame 2 insert the following actions:

scrollvalue = getProperty ( slider, _y) / _parent.balkheight;
max = _parent.windowtext.maxscroll;
_parent.windowtext.scroll = int(scrollvalue*(max-1))+1;

and at frame 3 the action:

gotoAndPlay (2);

Stopping imediately at frame 1. The actions from the loop between frame 2 and frame 3 will be triggered the moment the dragbutton is pressed and held. These will continuously keep readjusting the scroll positon of the text. However, see the first action of frame 2 (getProperty ( slider, _y) / _parent.balkheight), it will be based on the Property Y-position of the instance slider (Movie Clip scroll drag mc). Now, this is why the whole system works: the actions on the drag button in scroll drag button (when dragged and held) tell Movie Clip scrollbar to loop between frame 2 and 3 when the drag button is held (which keeps setting the scroll value according to position of the slider) and stop at frame 1 once the mouse is released.

But wait, what did this script do? First, it sets a variable called scrollvalue which devides the current position of slider by the maximum position of slider (which is used for the drag-defenitions 0,0,0,../balkheight). This will look at the 'percentage' of the drag button's position, relative to the maximum dragable distance. It will result in a value between 0 and 1. After this, the textposition (scrolltext.scroll) will be reset acordingly. This is done by first getting the maximum scrollvalue scrolltext.maxscroll into a variable called max. Then the current scroll value scrolltext.scroll is recalculated. One might think that the easiest way would be: scrollvalue * max. However, the scrolldistance goes from 0 pixels to 80 pixels while the scrollvalue (line numbers) go from 1 to maximum instead of 0 to maximum. By changing max to (max - 1) + 1 we correct the calculation. By the way, the "int" is to create whole numbers like 1 and 13 and 45 instead of 1,2330 and 13,29003 and 44,99945.

Step 9 :

Create a new layer above layer click buttons in Movie Clip textMC and name it drag scroll button. Create an empty keyframe and place here an instance of scrollbar. Give it the instance name scroll. Click Control - Test Movie to test if the dragable scroll button is working. Notice that when clicking and holding the scroll up or down button the slider does not move yet, i mentioned this earlier. We'll do that in the next and last step of the scrolling part.

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1