Timer & Fade effect
One more question then I'm done for the day.
I'm using a timer to change the index on my combobox (I'm sure there's a better way but its working) which is pulling slide data from an XML file. I would like to crossfade between slides. Is see there is a spark fade, but I'm unsure how to apply it to each element to work with the timer.
Timer code:
private var timer:Timer;
private function init():void
timer = new Timer(5000);
timer.addEventListener(TimerEvent.TIMER, onTimer);
timer.start();
private function onTimer(evt:TimerEvent):void
var idx:uint = dropDownList.selectedIndex;
var max:uint = dropDownList.dataProvider.length;
var newIdx:uint = ++idx % max;
dropDownList.selectedIndex = newIdx;
The comboBox (yes, it used to be a drop down list)
<mx:ComboBox editable="true"
x="10" y="10"
id="dropDownList"
creationComplete="dropDownList_creationCompleteHandler(event)"
dataProvider="{getSlidesResult.lastResult}"
labelField="number"
visible="false" />
The items that need to have the fade effect are mx:Text, s:TextArea, mx:Image, & s:VideoPlayer. Each has a unique ID.
Hi,
There are many ways you can crossfade with flex 4 I have thrown together a small example that uses a pixelbender filter to fade images and an included
a very simple text cross fade (no timers necessary). Using parallel transitions you can acheive quite a lot.
http://ezflex.net/fader/
David.
Similar Messages
-
Image rotation with fade effect
I am new to the spry framework and have just started going
through the examples to see if I could create an image rotator that
fades the images into each other when changing. I have taken
snippets from different places to do this and think I have the
answer but really wanted some feedback to sanity check and let me
know if this is the best way of doing it. If it is, then I hope
others will find it useful.
Here is the url to the example:
Image
rotation example
And here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Sample Image Rotation</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1" />
<meta http-equiv="X-UA-Compatible"
content="IE=7;FF=3;OtherUA=4" />
<meta name="author" content="www.baytree-cs.com - Peter
Barkway"/>
<meta name="copyright" content="(C)2006 Baytree Computer
Services, All right reserved."/>
<meta name="abstract" content="ISM Homepage" />
<meta name="description" content="ISM Homepage" />
<meta name="keywords" content="ISM Homepage"/>
<meta name="robots" content="all,index,follow"/>
<meta name="distribution" content="global"/>
<meta name="mssmarttagspreventparsing"
content="true"/>
<meta name="rating" content="general"/>
<style type="text/css">
.element{
float:left;
position: relative;
width: 350px;
text-align: center;
#display{
opacity: 0;
filter: alpha(opacity=0);
#animate{
left: -350px;
opacity: 1;
filter: alpha(opacity=100);
</style>
</head>
<body>
<noscript><h1>This page requires JavaScript.
Please enable JavaScript in your browser and reload this
page.</h1></noscript>
<div id="container">
<div id="display" class="element"
spry:detailregion="dsImg"><img src="<?php echo
$rootDir.$baseDir;?>/{@base}{@path}"/></div>
<div id="animate" class="element"
spry:detailregion="dsImg2"><img src="<?php echo
$rootDir.$baseDir;?>/{@base}{@path}"/></div>
<p class="clear"></p>
</div>
<script type="text/javascript"
src="js/xpath.js"></script>
<script type="text/javascript"
src="js/SpryData.js"></script>
<script type="text/javascript"
src="js/SpryEffects.js"></script>
<script type="text/javascript">
var dsGalleries = new Spry.Data.XMLDataSet("spry.php",
"galleries/gallery", { method: "POST", postData:
"c=1&d=<?php echo $baseDir;?>", headers: {
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
var dsImg = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var dsImg2 = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var imageInterval = 8000; // 8 seconds
var imageFadeInterval = 4000; // 4 seconds
var image2Loaded = null;
var effect = new Spry.Effect.Fade('animate', {from: 100, to:
0, toggle: true, duration: imageFadeInterval});
// Prepare an observer that will change the opacity of the
initially
// hidden element in oposition with the initially visible
element
var obs1 = new Object;
// On each effect step we calculate the complementary
opacity for the other image container.
obs1.onStep = function(ef){
if (typeof otherEl == 'undefined')
otherEl = document.getElementById('display');
var opacity = 0;
if(/MSIE/.test(navigator.userAgent)){
opacity = Spry.Effect.getStyleProp(ef.element,
'filter').replace(/alpha\(opacity([0-9]{1,3})\)/, '$1');
otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1
- opacity), 10) + ")";
}else{
opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
otherEl.style.opacity = (1 - opacity);
// Attach the observer to the Fade effect
effect.addObserver(obs1);
function fadeInContent() {
// 1st time in so set the current rows so that the 'animate'
set is 1 ahead of the 'display' set
if(image2Loaded == null) {
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 2)
% dsImg.getData().length);
image2Loaded = 0;
} else {
if(image2Loaded) {
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
image2Loaded = 0;
} else {
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
image2Loaded = 1;
effect.start();
var obs2 = {
onPostLoad: function() {
setInterval("fadeInContent()", imageInterval);
dsImg.addObserver(obs2);
</script>
</body>
</html>I think that I might have got this going now. Here is the
code if anyone wants to use it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Sample Image Rotation</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1" />
<meta http-equiv="X-UA-Compatible"
content="IE=7;FF=3;OtherUA=4" />
<meta name="author" content="www.baytree-cs.com - Peter
Barkway"/>
<meta name="copyright" content="(C)2006 Baytree Computer
Services, All right reserved."/>
<meta name="abstract" content="ISM Homepage" />
<meta name="description" content="ISM Homepage" />
<meta name="keywords" content="ISM Homepage"/>
<meta name="robots" content="all,index,follow"/>
<meta name="distribution" content="global"/>
<meta name="mssmarttagspreventparsing"
content="true"/>
<meta name="rating" content="general"/>
<style type="text/css">
.element{
float:left;
position: relative;
width: 350px;
text-align: center;
#display{
opacity: 0;
filter: alpha(opacity=0);
#animate{
left: -350px;
opacity: 1;
filter: alpha(opacity=100);
</style>
</head>
<body>
<noscript><h1>This page requires JavaScript.
Please enable JavaScript in your browser and reload this
page.</h1></noscript>
<div id="container">
<div id="display" class="element"
spry:detailregion="dsImg"><img src="<?php echo
$rootDir.$baseDir;?>/{@path}"/></div>
<div id="animate" class="element"
spry:detailregion="dsImg2"><img src="<?php echo
$rootDir.$baseDir;?>/{@path}"/></div>
<p class="clear"></p>
</div>
<script type="text/javascript"
src="js/xpath.js"></script>
<script type="text/javascript"
src="js/SpryData.js"></script>
<script type="text/javascript"
src="js/SpryEffects.js"></script>
<script type="text/javascript">
var dsGalleries = new Spry.Data.XMLDataSet("spry.php",
"galleries/gallery", { method: "POST", postData:
"c=1&d=<?php echo $baseDir;?>", headers: {
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
var dsImg = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var dsImg2 = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var imageInterval = 4000; // 8 seconds
var imageFadeInterval = 2000; // 4 seconds
var effect = new Spry.Effect.Fade('animate', {from: 100, to:
0, toggle: true, duration: imageFadeInterval});
// Prepare an observer that will change the opacity of the
initially
// hidden element in oposition with the initially visible
element
var obs1 = new Object;
// On each effect step we calculate the complementary
opacity for the other image container.
obs1.onStep = function(ef){
if (typeof otherEl == 'undefined')
otherEl = document.getElementById('display');
var opacity = 0;
if(/MSIE/.test(navigator.userAgent)){
opacity = Spry.Effect.getStyleProp(ef.element,
'filter').replace(/alpha\(opacity([0-9]{1,3})\)/, '$1');
otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1
- opacity), 10) + ")";
}else{
opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
otherEl.style.opacity = (1 - opacity);
// Attach the observer to the Fade effect
effect.addObserver(obs1);
function fadeInContent() {
// 1st time in so set the current rows so that the 'animate'
set is 1 ahead of the 'display' set
//use this flag to avoid the effect running on load
if (typeof image2Loaded == 'undefined') {
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 2)
% dsImg.getData().length);
var curRow = dsImg.getCurrentRow();
image2Loaded = 0;
} else {
if(image2Loaded) {
var img = document.getElementById('display');
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
var curRow = dsImg.getCurrentRow();
image2Loaded = 0;
} else {
var img = document.getElementById('animate');
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
var curRow = dsImg2.getCurrentRow();
image2Loaded = 1;
var imgPath = '<?php echo $rootDir.$baseDir;?>/' +
curRow["@path"];
var gImageLoader = new Image();
gImageLoader.onload = function()
effect.start();
gImageLoader.src = imgPath;
var obs2 = {
onPostLoad: function() {
setInterval("fadeInContent()", imageInterval);
dsImg2.addObserver(obs2);
</script>
</body>
</html> -
I have a code on my buttons, which makes a blank image
currently on stage get replaced with a different one when a button
is rolled over.
The code I am using is this:
on mouseenter me
sprite(3).member="a"
on mouseleave me
sprite(3).member="blank"
end
Very simple lingo. Is there a way that when the new image
comes to view, it fades in when the mouse rolls over the button,
instead of just popping in, and fade out once the mouse leaves the
button, so that I end up with a smooth transition.
Thank you.Guys:
Thanks for taking your time to help me with the issue.
I actually got an answer from another member that solved my
problem. The code that was posted here was making the button sprite
do the fade effect.
My friend did some tweaking to that code to achieve what I
needed.
Here is the code:
property fadeSprite
property totalSteps
property eachStep
property animateMe
on getPropertyDescriptionList
myPropList = [:]
myPropList.addProp(#totalSteps,[#comment:"select the number
of steps for the
fade:",#format:#integer,#range:[#min:5,#max:20],#default:10])
myPropList.addProp(#fadeSprite,[#comment:"enter the sprite
to fade:",#format:#integer,#default:1])
return myPropList
end
on beginSprite me
sprite(fadeSprite).blend = 0
animateMe = true
eachStep = 100/totalSteps
end
on mouseEnter me
animateMe = false
end
on mouseLeave me
animateMe = true
end
on enterFrame me
if animateMe then
if sprite(fadeSprite).blend > 0 then
sprite(fadeSprite).blend = sprite(fadeSprite).blend -
eachStep
end if
else
if sprite(fadeSprite).blend < 100 then
sprite(fadeSprite).blend = sprite(fadeSprite).blend +
eachStep
end if
end if
end
With this one, I am able to select which sprite is fading in
and out. Again, thanks for your help. -
hi everyone,
I'm having problems with a fade out/in transition in IE8. The area I am changing has a white background (actually there are a few nested divs that all have a white background), and the fade effect triggers on a click in the navigation area and fades everything into the body background color (dark brown) and back. The effect works fine in firefox and safari. Anyone know how to fix this problem? I want the content that is fading to maintain the white background and not fade to brown and back. you can view the page here to see whats going on.
http://www.prometheusbusiness.com/testarea/NoelRose/home.html
also, (and this is a really small issue, so I'm not too concerned if I can't fix it) after the page loads, the first fade out transition doesnt seem to fire, it just disappears, and the new page fades in. after the first time, everything works as I expect, but it would be great if every click worked exactly the same every time.
any help is appreciated, thanks.
-Danhi everyone,
I'm having problems with a fade out/in transition in IE8. The area I am changing has a white background (actually there are a few nested divs that all have a white background), and the fade effect triggers on a click in the navigation area and fades everything into the body background color (dark brown) and back. The effect works fine in firefox and safari. Anyone know how to fix this problem? I want the content that is fading to maintain the white background and not fade to brown and back. you can view the page here to see whats going on.
http://www.prometheusbusiness.com/testarea/NoelRose/home.html
also, (and this is a really small issue, so I'm not too concerned if I can't fix it) after the page loads, the first fade out transition doesnt seem to fire, it just disappears, and the new page fades in. after the first time, everything works as I expect, but it would be great if every click worked exactly the same every time.
any help is appreciated, thanks.
-Dan -
Every time a page has a html5 video or a slideshow with fade effect Firefox 3.6 becomes terriblely slow. It freezes with this test: http://demos.hacks.mozilla.org/openweb/HWACCEL/
I have Fedora 14 and before that Fedora 13 and the problem happens with both.
The same doesn't happen on Opera or Google Chrome.
'''UPDATE 1''': I have already tryed the Safe Mode and the problem happens the same.
'''UPDATE 2:''' This page full of videos scroll smothly without any problemas: http://brettgaylor.tumblr.com/tagged/webmademoviesI forgot to say that I did tryed the Safe Mode just to see if the slow was not being caused by some extension or plugin. However the result was all the same. By the way, the slow happens even if there is only one page opened. I am not thinking it is something related to the ATI video card or even Fedora because the same slow does't happen in Chrome and Opera...
-
Fade Effect Flickering Problem
I have thumbnail gallery that utilizes the fade effect on the
mouseover event. Unfortunately, if the user mouses over the
thumbnails too quickly, the images flicker quite horribly. I was
wondering if there was a way to remove this problem.
Thanks
You can view the gallery
hereHello existdissolve,
Your problem in the gallery has 2 issues:
1. Indeed you discovered a bug that I managed to fix in the
internal version that will be published next week. In the code
below that I will give I will include the work around for the
problem too.
2. Seems that you didn't completely understood the meaning of
the toggle option and I will try to explain you more detailed here.
Basically the toggle option is not controlling the direction of the
running effect as I think you understood. The toggle will not tell
to the effect to run in reverse direction but instead its scope is
to tell the effect that it CAN run in reverse direction.
When you try to animate an element using a link, when you set
the toggle option on, the animation will go between the from and to
values, on the first click, and will go between to and from values
on a second click. This cycle could repeat infinitely.
When you try to achieve this effect using 2 links you'll have
2 implementation solutions:
a. Use the same line of code for both links.
<a href="#" onclick="MM_effectAppearFade('element', 500,
0, 100, true)">Click Me First</a>
<a href="#" onclick="MM_effectAppearFade('element', 500,
0, 100, true)">Click Me Second</a>
You will observe that if you'll click these links in order
the element will appear and then will disappear back.
b. Use 2 non toggling effects with the from and the to
options reversed:
<a href="#" onclick="MM_effectAppearFade('element', 500,
0, 100, false)">Click Me First</a>
<a href="#" onclick="MM_effectAppearFade('element', 500,
100, 0, false)">Click Me Second</a>
There is however a problem why I am not recommending this
second solution in your case. If you click on the links in the
second example fast enough in their order you'll have a weird
result. The 2 effects are not knowing the other effect is running
so you'll end up with 2 effects that tries to do an opposite action
in the same time on the same element. This is somehow happening in
your case too if you move the mouse over the images fast enough you
can't predict anymore what the result will be.
In this situation you'll have to change a little bit the code
in your page. Right now you have this code:
<img id="tn{ds_RowID}"
src="galleries/{dsGalleries::@base}{dsGallery::@base}/thumbnails/{@thumbpath}"
width="90"
height="90"
alt="Sample Images from Spry Data."
title="{ds_RowNumber}"
style="opacity:0.3; filter:alpha(opacity=30)"
onmouseover="MM_effectAppearFade('tn{ds_RowID}', 500, 30,
100, false)"
onmouseout="MM_effectAppearFade('tn{ds_RowID}', 500, 100, 30,
true)"
onclick="HandleThumbnailClick('{ds_RowID}');" />
When you change the onmouseover and the onmouseout effects to
match the first solution I explained above you'll result with this
code:
<img id="tn{ds_RowID}"
src="galleries/{dsGalleries::@base}{dsGallery::@base}/thumbnails/{@thumbpath}"
width="90"
height="90"
alt="Sample Images from Spry Data."
title="{ds_RowNumber}"
style="opacity:0.3; filter:alpha(opacity=30)"
onmouseover="MM_effectAppearFade(this, 500, 30, 100, true)"
onmouseout="MM_effectAppearFade(this, 500, 30, 100, true)"
onclick="HandleThumbnailClick('{ds_RowID}');" />
You observe that I changed in both effects the target element
from tn{ds_RowID} to the special javascript keyword 'this'. I did
this to overcome the bug I told you about that you discovered in
the SpryEffects.
Let me know if you have further questions on this problem.
Regards,
Cristian MARIN -
When I use spry fade effect I get crisp font.
My page looks like this before fade effect. The letters are smooth.
After fade effect. I get this crisp letters.
Why ??
Thanks in advance.
And sorry about my poor english.Thanks for your help and time.
I wrote the "background-color:#FFF;" css for the object and didn't work.
So I wrote the same css for the parent object and works perfectly.
Thanks again. -
Transition fade effect does not show at beginning
I'm using TabNavigator and added fade transition between the
tabs.
I can not see the transition effect on the first tab of
TabNavigator when page shows up at very first time.
The transition effect does show up when I change tabs from
one to other. I understand that when accessing
the page at very first time, there is no transition. But I
still want to see the fade effect on the pictures.
Is there a way to make the fade effect showing when the page
is displayed at very first time?quote:
Originally posted by:
John Hall
Amy, I guess I could test this rather than ask, but you seem
to have been down this path. So one can not have the component's
visible set to false and then on applicationComplete change it to
visible and employ a showEffect?
You could do that as well, but if have your component's
visibility=false in mxml, you'll have to change it to true every
time you want to actually see/edit it using the FB design mode. So
unless you never use that, it makes sense to just do what Amy
mentioned before or a variation. You could probably also set the
visibility to false, and then immediately set it to true in a
creationComplete event handler, but that's just getting
silly. -
Tooltip Fade Effect in IE7 Not Working
I'm hoping someone has a fix for this ...
When using IE7, the first time you mouse over a
tooltip—everything works fine.
But if you mouse over it again, the Fade Effect no longer
works. Is there a way to fix this clitch??Does anyone know when a next version of Spry is going to be
released. I can't seem to fix this problem and I'm hoping that it's
fixed in the next version.
When using IE7, the first time you mouse over a
tooltip—everything works fine.
But if you mouse over it again, the Fade Effect no longer
works. Is there a way to fix this glitch?? -
Example Fade effect for data change?
Is there an example of how to use the fade effect when
transitioning from one record to another in a dataset?
What I have now is causing a blinking. The old data fades
out, new data appears then fades in.
<script type="text/javascript">
<!-- // special effects - Fade in/out -->
var fadePOout = new Spry.Effect.Fade('PO',{duration: 1000,
from: 100, to: 0});
var fadePOin = new Spry.Effect.Fade('PO',{duration: 1000,
from: 0, to: 100});
function observerPO(notificationType, notifier, data) {
if (notificationType == "onPreLoad") {
fadePOout.start();
if (notificationType == "onPostLoad") {
fadePOin.start();
dsPO.addObserver(observerPO);
</script>
REF: Spry 1.5Yes, the example is what I want to happen. Am just not sure
it can work with a pagedview dataset as the master. Tried very hard
to follow your directions; Corrected the code in the
SpryEffects.js. Made the CSS entry for the 'PO' region to have
opacity:0. Copied your code and changed ds1 to my detail dataset
(dsPO) (also tried my master dataset, dsPOrders, out of
frustration). Changed the region name from 'description' to 'PO'
(which is the name of my region to fade in and out). Added
onclick="fadeOutContentThenSetRow('{ds_RowID}');" to the master
dataset record. (Yes, I added it. I still have no clue as to how
changes from the pagedview master dataset can update a detail
dataset, but it does.)
End result is the detail dataset appears as though the CSS
was not read. I know this because I can see spry:state="loading"
graphic. Then the data appears. It then disappears and fades in.
Clicking on a master dataset record repeats the above result.
Via Firebug am able to see that the function
fadeOutContentThenSetRow never runs. The function fadeInContent
runs several times. It appears to run through all events of the
data region twice (Accounting for why the data is seen
twice.) -
You can see what I am working on here:
http://www.slimscents.com/newsite/
(under development).
What happens is this... Rolling over a div creates a fade
effect on a target div, and it works. However (especially on IE 7)
rolling over another div whilst the fade effect is ongoing, creates
an odd "stuttering" of the effect.
Help appreciated. I will be testing making the fade effect
global, but not sure if there is a way of identifying or testing if
the effect is is finished.
Code Below:
function UpdateInfo(infoType) {
var destObj=document.getElementById("infoBox");
//fadeIt.stop();
destObj.style.visibility="hidden";
destObj.style.textAlign="justify";
destObj.style.fontFamily="Arial";
var fadeIt = new Spry.Effect.Fade(destObj,{duration:
2000,from: 0, to: 100,toggle: false});
var inTxt="";
switch (infoType) {
case "whatIs":
inTxt="<iframe height='100%' name='info' width='100%'
src='sitedata/whatis.html'></iframe>";
break;
case "howDoes":
inTxt="<iframe height='100%' name='info' width='100%'
src='sitedata/howdoes.html'></iframe>";
//alert('how does');
break;
}// end switch
destObj.innerHTML=inTxt;
fadeIt.start();
}Override JPanel's paintComponent() method. Call super and then fill the panel with desired color. The color must have proper alpha to change transparency. Add a timer to call repaint() e.g. 10 times changing the alpha from transparent to opaque.
Regards,
Stas -
How do I create a fade effect w/ a sample?
Hi...
I'm trying to get a certain effect but have yet to stumble across a good way to get the effect.
I want to make a sample repeat until fade... In other words, I want it to play the sample and then loop 3 or 4 times until it fades into nothingness. For some reason I have a feeling there is a few ways to get to this type of sound...
What is the best way? An FX Plugin, Loop/Sample Editor, Inside the DAW itself? Maybe another way?
I'd like to get some tips on how to accomplish this effect... Let me know if I'm not explaining the type of sound I'm looking for properly... But it's basically an echo to fade effect used quite commonly... I just don't know the best way to achieve it.
Thanks!Ok, follow me on this one.
Create an Instrument track, load the EXS24 Sampler in the instrument slot. Load any drum kit. (note: this could be a one-shot sample on an audio track as well)
Next... load the Stereo Delay into an INSERT.
If you play a snare drum sound are you hearing the ping-pong echo effect. (I know that's not what you're going for, this is just a test.)
pancenter-
p.s. if you loaded the "Sample Delay" plugin, it won't work that's a different type of delay related to timing.
ps.II I suggest trying the tape delay, experiment and become familiar with the controls, also, check out presets on all of the plugs. -
[CS3] Flash buttons with fade effects.
Well as the title says, i've got some buttons in Flash CS3,
using AS 2 which when clicked changes the frame. The thing is that
i want to add a fade effect to the text area AFTER the button was
pressed. So for example:
The user is reading the text, he presses one of the buttons
(all of which change frames, in this case text) and the text fades
away and the new text fades in.
Well, i've designed the frames needed for this, so i've got
10 frames before the frame the user will see for it to fade in and
10 frames after it to fade out. What i havent figured out yet is
how i'll make the script do that. I mean, i can make the script go
forward one frame, starting the fade out effect, i can make it go
to the frame i want but how will i do both.
I've got 6 buttons and 6 corresponding texts.
Does anyone have any ideas?
Thank you in advance.
P.S.: Any ideas welcome. I can change the frame layout.
P.S.S.: Also forgot to mention that making layers for every
combination is out of question....I've already had them placed each on their layer. I thought i
might need mobility on the timeline.
Let me see how much of this i understand...
quote:
which im assuming are MovieClip instances
They're graphics but i can simply change them to be movie
clips if it's the case.
quote:
do the same with your buttons on a seperate layer but you
will only need one for them all
I've lost you here....you're saying ill only need one AS
reference?
quote:
for(var i=0; i<btns.length; i++) {
Hmm... you're using the size of the array to set how many
times the loop control will actually loop? Took me a bit to figure
out what length an array could have
quote:
new Tween(current, '_alpha', Strong.easeOut, 100, 0, 10,
false);
new Tween(clips[this.id], '_alpha', Strong.easeOut, 0, 100,
10, false);
current = clips[this.id];
//start the first clip transition 'in'
current = clips[0];
new Tween(clips[0], '_alpha', Strong.easeOut, 0, 100, 10,
false);
Ok i didnt get most of this but i'll have to check out the
parameters for the Tween function.
Actually i plan on going from a 50% alpha to a 100%, but
that's just my choice.
Thanks a lot and hope i dont become too annoying.
P.S. I had a huge revelation at the end when i re-read the
code and finally understood how this is going to work. -
Making a fade effect on dreamweaver
okay, what i want to do is make a fade effect on the pictures
that i have. what i have in the website are 4 pictures, positioned
like this:
|................| |................|
|......1........| |.....3.........|
|_______| |_______|
|................| |...............|
|......2........| |.......4.......|
|_______| |_______|
each number indicates another picture, plz pardon my crappy
cyber drawing. i want the pictures to fade slowly, starting with 1
and ending with 4. So like this: (image 1 appears) (then image 2
appears) (then image 3 appears) (finally image 4 appears), you get
the idea.
I know that there is a fade effect under dreamweaver behavers
but that effect isn't what im looking for because u cannot set the
duration of the fade, nor the time of it.
i also tried making .gif animation fade effects in fireworks,
but i dislike that because it takes too much space, increasing my
picture by almost 100 kb.Version 1.3 - June 7, 2004?
I wouldn't use that - I'd use jQuery instead. But as far as I
know there
would be no way to program consecutive fades as originally
requested.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Jeff" <[email protected]> wrote in message
news:gosc35$5vb$[email protected]..
> this can also be done with css and JavaScript, see this:
>
http://brainerror.net/scripts/javascript/blendtrans/
> or Google "JavaScript blend image"
>
> My feelings: flash is a curse.
>
>
>
>
> "name294" <[email protected]> wrote in
message
> news:gos32e$oto$[email protected]..
>> okay, what i want to do is make a fade effect on the
pictures that i
>> have. what
>> i have in the website are 4 pictures, positioned
like this:
>> __________ __________
>> | | | |
>> | 1 | | 3 |
>> |_________| |_________|
>> | | | |
>> | 2 | | 4 |
>> |_________| |_________|
>>
>> each number indicates another picture, plz pardon my
crappy cyber
>> drawing. i
>> want the pictures to fade slowly, starting with 1
and ending with 4. So
>> like
>> this: (image 1 appears) (then image 2 appears) (then
image 3 appears)
>> (finally
>> image 4 appears)
>>
>> I know that there is a fade effect under dreamweaver
behavers but that
>> effect
>> isn't what im looking for because u cannot set the
duration of the fade,
>> nor
>> the time of it.
>> i also tried making .gif animation fade effects in
fireworks, but i
>> dislike
>> that because it takes too much space, increasing my
picture by almost 100
>> kb.
>>
>>
>
> -
Face time fades out and then retries to connect (new Ipad Retina Display) on WiFi. Iphone 4s has no problem with face time from same location and same contact. What gives?
rdallas001 wrote:
Is the router to small?
Not necessarily, if you are using Facetime all the data goes through your WiFi router, your cable/DSL modem, your ISP and the internet to Apple's Facetime servers and then, in reverse, down to the Facetime recipient. If your ISP connection is too slow or there is excessive traffic on the internet you can have Facetime problems.
Most WiFi routers can handle this unless others in the house are also using WiFi at the same time. The problem may be your ISP connection or congestion on the internet, etc.
Maybe you are looking for
-
HP Color LaserJet 5550 and Tiger (10.4.11) Driver Problem
I have recently acquired a Color LaserJet 5550hdn. I have updated all drivers and firmware available from the HP Website (Printer Driver, 5550 firmware and Jetdirect 610n firmware). The printer has been factory reset/cold reset etc. to purge any prev
-
Linking mat doc info rec to PR, ensuring same material docs only
Hi I have created a doc info record with object link to material master. Then I created a PR with the same material as in doc info object link. 1) First of all is there any way to automatically link the material level doc info rec to PR. If not how t
-
I have a vizio 32 inch lcd. and i want to hook up my macbook. but when i try to do this i cant get the ratio right and everything is off center. how can i make everything centered on the screen?
-
Upgrade Failed, WL Express 6.1 to 8.1
Last nite, we finally upgraded our WL servers to 8.1 from 6.1 (Express). This lasted about 4 hours, and then the connection pool started throwing a massive amount of errors. (so much so, that we had to roll back @ 6 am this morning). Configuration: W
-
Importing parameters in Function Module SD_VBFA_ARRAY_READ_VBELV
Hi All, Please let me know the use of importing parameters in the Function Module SD_VBFA_ARRAY_READ_VBELV. The importing parameters are, I_BYPASSING_BUFFER I_REFRESH_BUFFER I'm having problem of memory overflow in the function module so I thought th