Sure. Since you have the Carousel on the page, you also have access to Protaculous. Apply that Action to the page, and set the Library picker to scriptaculous-packed. Draw an HTML box on the page, and either use the Item / Extended dialog or the Add Selector Action to add a class attribute to that HTML box. Let’s say you call it ‘fader’. In Extended, you would make sure that the
tab was selected, then click New, then enter:
…in the sub-dialog. Okay out of that stack, and put some content in the HTML box as inline content. Maybe a graphic and some text, just to prove the point.
Now, click elsewhere on the page, so nothing is selected, and in the Actions palette, click on the top Function Body button. Paste in the following code:
$$('fader').each(function(elm){
elm.setOpacity(0.6);
elm.observe('mouseenter', function(evt){
new Effect.Opacity(this, {from: 0.6, to: 1.0, duration: 0.4});
});
elm.observe('mouseleave', function(evt){
new Effect.Opacity(this, {from: 1.0, to: 0.6, duration: 0.4});
});
});
Now preview, and mouse over your HTML box. It should start out faded, and become full-strength when you mouse over it, and fade away when you mouse out. Now duplicate this element in Freeway and test again – one block of code handles both elements independently. So now, all you need to do is apply the fader classname to each box that you want to have this effect, and you’re done.
Walter
On May 3, 2012, at 11:34 PM, Nik Andrew wrote:
the boxes and accompanying text further down have the CSS transparency applied.
Ideally, I would have liked both to be activated together but as the effect can only be applied to a graphic item rather than the html box that houses everything – I can’t come up with a solution.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options