Scripty Fader

Legacy Tutorials
1

Are there step by step direction for this action or can someone send me direction to try and use this action. Also is there an action that I can use to get a similar effect as this site: www.pennroof.com Thanks for the help

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

This is using http://nivo.dev7studios.com/ and jQuery, so no Actions for that at the moment. Freeway uses Prototype/Scriptaculous in place of jQuery, and the two are not compatible in the same page. This site was done in Freeway, but there was considerable extra coding done to add this effect – bunches of CSS and JavaScript added to the basic Freeway code – and whoever made it would have to make sure that they didn’t inadvertently add some Prototype to the same page, either by adding a third-party Action such as my Scripty Actions, or using the built-in FX and Target Actions with their Effect settings.

Walter

On Mar 22, 2012, at 1:45 PM, wjamer wrote:

is there an action that I can use to get a similar effect as this site: www.pennroof.com

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

It’s designed to work very similarly to the ScriptyCarousel, which has been extensively discussed here and elsewhere. Basic example (ScriptyFader abbreviated as SF to save keystrokes):

  1. Draw a layered HTML box where you want the effect to appear, apply SF to that box. Within that box (or nested into it) add the content you want to appear initially on the page.
  2. Draw another layered HTML box exactly the same dimensions as the first box, apply SF Option to that box. Use the Actions palette to choose your first HTML box as the “parent” of this option. As above, build your second “frame” in or on that box. This element will be entirely removed from the page and saved in an external file, so it doesn’t matter where on or off the page you draw this, as long as your boxes are layered.
  3. Repeat as necessary until you have all of the options. (Once you have made the first option, you can use Item / Duplicate to make the copies, saving you the heartache of precisely duplicating the layout over and over. This will also add the Action to each of the copies, all set up with its parent chosen.)

Now, you have two choices. You can either set the SF box to an automatic fade time (in seconds) or you can create thumbnails for each of your options as a navigation method.

To make Thunbnails, draw Graphic Boxes to represent each of the options (and the original SF, too). You can fill these with whatever content you like. Apply the SF Thumbnail Action to each of them, and use the picker in the Actions palette to choose which option that thumbnail relates to. You may have multiple thumbnails for the same frame, should you want to provide redundant navigation for some reason, but if you use thumbnails, you MUST provide at least one thumbnail for each option.

Preview in your browser or in Freeway, and you should see the effect. While publishing, each option you have created will be moved into an external text file called a “partial”, and saved alongside the page it was removed from. These elements will be entirely removed from your page code, so if you place any SEO-heavy content in them, you are just as well not bothering with it since Google will never see it.

Hope this helps, and if you get stuck, post a link to your page so we can diagnose.

Walter

On Mar 22, 2012, at 1:45 PM, wjamer wrote:

Are there step by step direction for this action

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Does this mean I draw an HTML box apply SF the within that box I draw a graphic image box and import image

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

It can mean that, it depends on what your desired layout is. If you want to use a graphic box all by itself as the option for your fader, that is also supported, as long as the graphic box is a layered box. But many people want to have a more constructed set of options, maybe a photo with overlaid type, or an HTML box with multiple text blocks nested into it – something with more design than just a square-finish photo. So for those cases, you will use a nested construction: draw an HTML box the size you want you option to be, while that box is selected (handles showing) draw another box (HTML or graphic) over the top of it. The edges of the first box will glow blue to indicate that you are adding a nested child to that box. You can repeat this process to build up a very complex structure. Once you have one, you can duplicate it, and apply the SF Option Action to that.

Walter

On Apr 4, 2012, at 4:36 PM, wjamer wrote:

Does this mean I draw an HTML box apply SF the within that box I draw a graphic image box and import image

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Do I have to click a setting to make the box layered or is layer the box just putting one on top of the other as you described.

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

If you are using Pro there is a round button in the Toolbar that says either CSS Layout or Table Layout

If it says ‘CSS Layout’ then every item you create on your FW page will be a layered item. If ‘Table Layout’ then every item will be constructed using tables.

You can click on an item and then look in the Inspector palette (1st Tab) in the Properties section there is a Layer checkbox. Tick it to make it a Layer.

David

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

I should add that after changing the button from Layer to Table (or vice versa) then every item you create after that will be determined by the state of the button.

It will NOT alter the state of anything you have already created. You have to use the Inspector to do that.

D

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

Thanks for the fast reply and I’m sure your tried of helping me but when I apply the SF option the drop down box to select parent does not work. Not sure what I am doing wrong

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

Have you created an instance of the ScriptyFader on your page anywhere yet? If you have, then you should see that item (any item on the same page with ScriptyFader applied will be eligible). You have to have at least one ScriptyFader instance on the page, then apply ScriptyFader Option to the next element in the same group. It should pick the parent up automatically if there’s only one. If you have such an element on the page, triple-check that it is a layered element (not table-based) by looking in the Inspector where Dave noted.

Walter

On Apr 5, 2012, at 12:22 PM, wjamer wrote:

Thanks for the fast reply and I’m sure your tried of helping me but when I apply the SF option the drop down box to select parent does not work. Not sure what I am doing wrong

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

11

Can you look at this link and tell me what setting is wrong when trying to use SF it is suppose to be two different pictures fading in and out. http://alphaws.cpm/testsites/icare2/

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

12

This is difficult to diagnose from the html because it changes as the images fade in and out.

Is there just 2 images that are supposed to fade?

Are they both layered items?

Is one on the pasteboard?

If the answer is no to either of these questions then change them and try again.

David

tutorials mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options