Image Fade Out/Load new Image/Fade In

I think I am having an event timing issue. My desire is to
change the "header" image on each selection of a tabNavigator. I
can swap the image without issue through a img.load process. I
placed the image on a canvas and set the "showEffect" and
"hideEffect" on the canvasto fadeIn and fadeOut. (I actually have 2
images on the canvas) On the tabNavigator "change" event I call my
getImage() function and set canvs.visible=false, I have the tab
index for img.load=headerPic[idx] and then I set
canvs.visible=true; The result is that I do not get the first
visible change, I think. Tab 1 is initialized to visible in
ionComplete, clicking on tab 1 has no effect since it is selected
already. When tab 2 is selected the image changes to the new image
immediately and then fadesOut. Tab 3 then will fadeIn. Also
regardless of the tab selected, if I select another tab the ongoing
fade effect will continue on the newly selected tab. It seems the
load method doesn't care about effects - so I don't know how to
sequence these effects.
Thanks in advance.

"EWN-CMI" <[email protected]> wrote in
message
news:gk46uv$blo$[email protected]..
>I think I am having an event timing issue. My desire is
to change the
>"header"
> image on each selection of a tabNavigator. I can swap
the image without
> issue
> through a img.load process. I placed the image on a
canvas and set the
> "showEffect" and "hideEffect" on the canvasto fadeIn and
fadeOut. (I
> actually
> have 2 images on the canvas) On the tabNavigator
"change" event I call my
> getImage() function and set canvs.visible=false, I have
the tab index for
> img.load=headerPic[idx] and then I set
canvs.visible=true; The result is
> that
> I do not get the first visible change, I think. Tab 1 is
initialized to
> visible in ionComplete, clicking on tab 1 has no effect
since it is
> selected
> already. When tab 2 is selected the image changes to the
new image
> immediately
> and then fadesOut. Tab 3 then will fadeIn. Also
regardless of the tab
> selected, if I select another tab the ongoing fade
effect will continue on
> the
> newly selected tab. It seems the load method doesn't
care about effects -
> so I
> don't know how to sequence these effects.
You can use the completeEffect on Image to have an effect
every time an
image loads, such as you can see used here
http://examples.adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html,
but I don't think there's a corresponding effect that you can
apply to the
old image before the change.
I think you're going to need to use ActionScript to get the
control over the
effects that you want, so you can call either the end() or
the reverse()
method on the effect when the graphic needs to change in
mid-effect.
HTH;
Amy

Similar Messages

Slideshow image resizing when adding new images

I am creating a series of slideshows on multiple pages. I created one slide show using the "basic" slideshow and resized it to the dimensions and settings I wanted. I have many pictures all of different proportion, therefore, I selected the "fill frame proportionally" so they would all fit the dimension I set. I wanted to use this first slideshow as a template for all of the rest. I added images to this first slideshow with no problems. All of my different sized images scaled or cropped to fit within the dimension I set. The problem comes in when I do two things: 1) When I add other images of different dimensions to this same slideshow gallery, they come smaller that the intended dimensions I set previous. I check the setting and it is still on "fill frame proportionally" similar to the first batch of pictures. 2) The second issue is when copy this slideshow as a template to other pages. When I try to replace or add to the slideshow gallery, the images come in cropped or smaller rather than filling the frame. Again, the settings are still the same from my very first slideshow that worked just as i intended.
I could resize all the images to all the same dimensions using another program like photoshop, but that is another step that is very tedious and it would seem that it should be something built into Muse.
Is there a way around this?. Am I doing something wrong? Or is this just one of those glitches that happens with Muse? I appreciate any help that I can get.
Thanks!

Hi, I got it to work like this:
Using background colours in Photoshop so that all sizes are the same in pixels. Then manually adjusting thumbnails by double-clicking on them so that a red square appears.
Cheers,
Elsemiek
Op 26 dec. 2014, om 00:50 heeft MediaGraphics <[email protected]> het volgende geschreven:
slideshow image resizing when adding new images
created by MediaGraphics <https://forums.adobe.com/people/MediaGraphics> in Adobe Muse Bugs - View the full discussion <https://forums.adobe.com/message/7043933#7043933>
Hi there Elsemiekagain,
I had to fiddle around with my slide show to get it to work. That is, it worked at first, then went funky, and I had to fiddle. So much fiddling that I can't possibly know what actually made it start to work again.
And to some degree, this is the way that I find Muse to be in general. That it requires finessing to get it to work as expected. This adds a good deal of time to every development project, though I am getting better at this with practice and experience.
Most of it is not even things that could be easily put in words as instructions, as many are nanced. But in fairness, this version of Muse is a complete code re-write this year. So we do need to cut Adobe some slack, and give the team time to iron things out.
If the reply above answers your question, please take a moment to mark this answer as correct by visiting: https://forums.adobe.com/message/7043933#7043933 and clicking ‘Correct’ below the answer
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
Please note that the Adobe Forums do not accept email attachments. If you want to embed an image in your message please visit the thread in the forum and click the camera icon: https://forums.adobe.com/message/7043933#7043933
To unsubscribe from this thread, please visit the message page at , click "Following" at the top right, & "Stop Following"
Start a new discussion in Adobe Muse Bugs by email <mailto:[email protected]ftware.com> or at Adobe Community <https://forums.adobe.com/choose-container.jspa?contentType=1&containerType=14&container=47 59>
For more information about maintaining your forum email notifications please go to https://forums.adobe.com/thread/1516624 <https://forums.adobe.com/thread/1516624>.

Images some old loading new imported images not showing

I am working with cs4 /windows. I can not get new images to show. When designing the page and importing the images it shows. When "putting" publishing it does not show.
The only thing I could see as a problem would be old (very) server?.
I left some images that were on the server to begin with and they show up. The newly added images do not.
http://www.twinsburgtravel.com/sandals-resorts.html

checking into that... I am thinking it is the server being old and not being able to handle space and new images.
thanks! will get back to you on this later this afternoon.

Specific region mouse over effect(Button 1 fades out and Button 2 fades in).

Dear All -
I am new to Flash CS5 and building Flash navigation bar with buttons on it.
Below is my problem description that I want to solve with your help.
I have a rectangular bar and placed one small button(Button 1) on this bar. Also, I have similar button(Button 2) with some graphics on it which is of similar size as to previous Button 1.
Button 1 - Without graphic.
Button 2 - With graphic on it.
What I want is that, whenever mouse is taken over Button 1 placed on the rectangular bar, it should fade out and simultaneously Button 2 should fade in. I want only button region to be sensitive to this mouse over effect and not the complete rectangular bar.
Kindly let me know how can I define the specific region(button region only) to be sensitive to mouse over effect in flash, and how to place Button 1 and Button 2 in layers so that both are at the same positition(so that there is no displacement of button detected).
Thank You,
Saurabh Khanna.

Hello -
Thank you for the reply. Button 1 does not have glowing effect, whereas Button 2 has a glowing effect. So what I wanted is that when initially Button 1 is loaded during page load, when I mouse over Button 1, Button 1 would fade out and Button 2 sitting behind Button 1 would automatically look like fade in(due to gradual fad out of Button 1 on top of Button 2).
I could do this now, and would like to Thank you for your reply.
I did this by creating movie clip on "Over" event of Button 1 and changing its Alpha property. But now what I want is how to gradually fade out, means when I remove my mouse from over button, then Button 2 should fade out gradually which will automatically make Button 1 fade in gradually.
I could not find the "Out" event just like we have "Over" event for Button, so I assume this can only be done using ActionScript somehow.
Let me know if I am going correct with my assumption, and possibly if you could help me achieve the remaining half(fading out gradually when mouse is removed from the button).
Thank You once again for your reply.
Thank You,
Saurabh Khanna.

How to fade out button as menu fades?

I've searched the forums and manual to no avail.
I created a menu that fades to black before jumping to the loop point. Is it possible to fade out the highlighted button as my menu fades to black and jumps to the loop point? Otherwise, the button remains highlighted on screen as the menu fades to black.
I understand how to fade in a button by using Final Cut or Motion and an overlay file, but this of course wouldn't work when fading out a button since the button remains on screen while the video "button" fades out.
Thanks in advance for any advice.

If you add a transition from the menu to the track, such as a dissolve, it should not carry over the highlights - not sure if the button itself is on the highlights. But lets say you have an arrow next to the text that highlights that should not be seen in the transition portion, but it will be abrupt. Also if there is motion after the loop point you will not know when the button is pressed, if it is effectively a still then the fades are smoother.

Fade out of song? Fade icon does seem to do the trick.

Hello,
I have Logic Pro (Academic Version, which I believe should be the same as the full version--except I cannot update to the next version).
I'm trying to fade out the end of the song, except I can't seem to do it with the fade icon. I can't seem to do it with any of my individual files with some exception.
How can I achieve that typical 80's fade out of a song at the end? And what am I doing wrong?
Thank you in advance.
feflower

Hello,
Hello,
I have Logic Pro (Academic Version, which I believe
should be the same as the full version--except I
cannot update to the next version).
Cheers!
I'm trying to fade out the end of the song, except I
can't seem to do it with the fade icon. I can't seem
to do it with any of my individual files with some
exception.
Use volume automation for song fadeouts...on the master output fader.
How can I achieve that typical 80's fade out of a
song at the end? And what am I doing wrong?
For that,you'll need a time machine,mine rents out at 1,200 USD one way trip to that particular decade.You're not doing anything wrong,you are just using the wrong tool for what you wat to do,which is to fade out the entire mix.
Thank you in advance.
feflower
Cheers

Making a gradient fade out of an image in Illustrator?

You know when you wish to have a picture, slowly fading out/in - merging with the background, in Photoshop, you add a layer mask, and with the gradient tool, and it does the job.
How can we do a similar effect in Illustrator?
1- File/Place the image
2- ???
In the past, I use to make/crop/cut all my pictures in Photoshop, then build my document in Illustrator, and import them in. However, I now wish to do it all in Illustrator. I think I'll get a better quality and loose less resolution in the process. Can I?
HELP!!!

You do not loose less resolution by editing a photo in Illustrator. If the image is bitmapped - like all photos are - you do not make it resolution-independent by bringing it into Illustrator and working on it there. Only Illustrator native objects are, and those are vector based.

Scrollbar resets to top when loading new images

Hi,
When viewing an email (in Apple Mail, of course) that has several images, the scrollbar will reset to the top of the email every time an image finishes loading. It's really annoying, as I'd like to be able to scroll through the email as images are loading.
Thoughts/ideas? I don't recall this being an issue before Snow Leopard.
Seems like I've even had it happen in Safari under certain circumstances, though I haven't identified the cause in that case.

Hello,
i have the same problem and i need a solution. The Problem apears while images loading from external servers.

Reduce file size of image a user loads into image field in form

Hello,
I'm a Mediadesigner from Germany and I started to work with Lifcycle Designer about a year ago.
I already made some smaller forms with different fields.
Now I have a special form with empty image fields, that allow the user to put in his images.
For the form goes out to so many different people, some of them just take the images as they are, load them into the form and so the filesize of the pdf grows. For your information: the filled out pdf will be sent back to us by e-mail.
So here is my question: is it possible to reduce the filesize of that images when it is loaded into the fild or when the filled in form is saved.
For example that I can say: "Take all images and make them 72dpi and max. height 500px"?
Thanks for your help in advance!
Carola

Hi,
there is now way to reduce the real file size or dimension of an imported image.
But you can checkt the file size and show a warning to the users to use a smaller file.
Here's a sample which describes how to do so:
http://blogs.adobe.com/formfeed/2011/09/validate-image-size.html

Creating image thumbnail and loading to image control

Hi All
Is there way of creating thumbnail of image in flex 3.0 desktop app AIR of any size (2 mb ,etc) and then loading it to the image control
please help....
Thanks

Instead of using FileOutputStream to output your thumbnail to the filesystem, use the ServletOutputStream returned by ServletResponse.getOutputStream() to stream your data back to the browser client. Make sure you set your MIME type appropriately using ServletResponse.setContentType() so the browser knows what kind of data it is receiving and can handle it appropriately.

Some question about fade in // fade out by hideEffect and showEffect in Actionscript

Some question about fade in // fade out by hideEffect and
showEffect in Actionscript
Please kindly take a look at the following page:
http://camusmiu.no-ip.com/HounganQuestion/PictureHolderTest.html
(can view source)
I tried to make an image preloaded and scale the image to
it's preferred size.
When I came to consolidate the stuff into a component, I
found the application goes weird as I implementation the show/hide
effect.
The third trial which just hide and show the images directly,
instead of using viewstack, fail to bring the second image onto
screen.
It just used fadeOut instead of fadeIn(you see there is a
flash of the second image)
After some study of showEffect and hideEffect behaviour,
seems the mechanism of hide/show a component works in this way:
this._fadeIn:Fade = new Fade();
this._fadeIn.alphaFrom = 0;
this._fadeIn.alphaTo = 1;
this._fadeIn.duration = 1000;
this._fadeOut:Fade = new Fade();
this._fadeOut.alphaFrom = 1;
this._fadeOut.alphaTo = 0;
this._fadeOut.duration = 1000;
Component_A.visible = true;
Component_A.setStyle("showEffect", this._fadeIn);
Component_A.setStyle("hideEffect", this._fadeOut);
then when I set Component_A.visible = false, the sequence
works like following:
Component_A.visible = true
Component_A.visible = true, alpha = 100;
Component_A.visible = true, alpha = 50;
Component_A.visible = true, alpha = 0;
Component_A.visible = false;
The above sequence works visa versa as:
Component_A.visible = false;
Component_A.visible = true, alpha = 0;
Component_A.visible = true, alpha = 50;
Component_A.visible = true, alpha = 100;
Component_A.visible = true;
(Correct me if i am wrong)
========================================================================================== ====
From what I observe from the application, I have two
question.
1) When more than one component using the this._fadeIn,
this_fadeOut as the hide/show effects, the component in instance of
this._fadeIn? will it mess out if more than one component using the
fadeIn instance in the same time?
2) from the third component, i.e. PictureHolder3, when I load
other the picture , it fade out the new image instead of fading
in... Seems there is problem if I hide show too frequent. I think
when I hide then show right the way, the component only do the hide
part...
Can someone pls look into it and tell me what I did wrong?
Cuz in normal practice I don't think appropriate to use ViewStack
in Actionscript...

Hello Jack,
Currently, you can only import an swf file or you can embed videos from youtube, vimeo etc. into Muse / add HTML5 Video to Your Website.
Take a look at these simple videos that explain the currently available processes for adding videos in Muse, in a step by step method:
1. http://tv.adobe.com/watch/learn-adobe-muse-cc/inserting-a-youtube-flic kr-or-hulu-video/
2. http://www.youtube.com/watch?v=5in4swnIFsw
3. http://www.youtube.com/watch?v=KnBFLQheOk4
Hope this helps.
Cheers
Parikshit

Simultaneous fade out and fade in and image

I currently have code that fades out on canvas of a view
stack and fades in a second canvas of the view stack. However, my
desired behavior is that the fade out happens as the fade in
happens so it would simulate a tween effect like when making
animated gif's. Is there a way to do this, and if so does anyone
have any sample code to do this?

so the fade out and fade in are working like you said,
however I want then to be in the same position on the page. I would
like each canvas to be at coordinates (0,0). Here is my code, but
the canvas' are stacked vertically? Is what I want to do possible?
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="initApp();">
<mx:Style>
Application {
backgroundColor: #ffffff;
backgroundGradientColors: #ffffff, #ffffff;
</mx:Style>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
[Bindable] private var homePageImageId:int = 0;
[Bindable] public var intervalId:uint;
[Embed(source="images/3_1813714899.jpg")]
[Bindable] public var imgClass3:Class;
[Embed(source="images/5_2065488856.jpg")]
[Bindable] public var imgClass5:Class;
[Embed(source="images/6_717433985.jpg")]
[Bindable] public var imgClass6:Class;
[Embed(source="images/9_263548684.jpg")]
[Bindable] public var imgClass9:Class;
function initApp():void {
checkDelayCounter();
intervalId = setInterval(checkDelayCounter,4000);
function checkDelayCounter():void {
if ( homePageImageId == 0 ) {
canvas0.visible = false;
canvas1.visible = true;
homePageImageId = 1;
} else if ( homePageImageId == 1 ) {
canvas1.visible = false;
canvas2.visible = true;
homePageImageId = 2;
} else if ( homePageImageId == 2 ) {
canvas2.visible = false;
canvas0.visible = true;
homePageImageId = 0;
]]>
</mx:Script>
<mx:Fade id="fade_in" duration="750" alphaFrom="0"
alphaTo="1"/>
<mx:Fade id="fade_out" duration="750" alphaFrom="1"
alphaTo="0"/>
<mx:Canvas id="canvas0" showEffect="fade_in"
hideEffect="fade_out" visible="true" alpha="0" x="0" y="0">
<mx:Image id="homePageImage6" source="{imgClass6}"
width="990" height="400" x="0" y="0"/>
</mx:Canvas>
<mx:Canvas id="canvas1" showEffect="fade_in"
hideEffect="fade_out" visible="false" alpha="0" x="0" y="0">
<mx:Image id="homePageImage3" source="{imgClass3}"
width="990" height="400" x="0" y="0"/>
</mx:Canvas>
<mx:Canvas id="canvas2" showEffect="fade_in"
hideEffect="fade_out" visible="false" alpha="0" x="0" y="0">
<mx:Image id="homePageImage5" source="{imgClass5}"
width="990" height="400" x="0" y="0"/>
</mx:Canvas>
</mx:Application>

Adding Special Effects - Image fade out

Know how in those nice video games where the screen fades out into
another image? Is there a way to program that?

Know how in those nice video games where the screen
fades out into another image?well yeah...
Is there a way to program that?umm....
well you've just said they exist, so ofcourse its possible to program it.

MovieClip: Fade Out then Fade In

I need to produce an image gallery which when a thumbnail is pressed it loads a new image, fades out the previous image then fades in the new one.
I have it fading in but I don't know how to fade the previous image out before.
Here is my code so far:
import mx.transitions.Tween;
import mx.transitions.easing.*;
var imageLoader:MovieClipLoader = new MovieClipLoader() ;
var imageListener:Object = new Object () ;
imageLoader.addListener(imageListener);
imageListener.onLoadInit = function() {
       var fadeIn:Tween = new Tween(holderMain.holderImage, "_alpha", Regular.easeIn, 0, 100, 60, false);
holderMain.holderButton.button1.onRelease = function() {
       imageLoader.loadClip("one.jpg",holderMain.holderImage);
holderMain.holderButton.button2.onRelease = function() {
       imageLoader.loadClip("two.swf",holderMain.holderImage);
Does someone understand how to do this?

How do I set it up so that it loads - then fades out - then fades in?

Pre-loading external images for XML-based gallery

I'm working-on an XML-based photo gallery here:
http://www.unionandparkwood.com/demo/flash_gallery/
It works how I want it, except that the first time a
thumbnail is clicked for an image, it pauses long enough to skip
the fade. If you click-through the images a second time, you'll see
that it works smoothly. My guess is that the first time the
thumbnail is clicked, the image isn't cached, yet.
I tried to fix this by creating a JavaScript file for the
page to pre-load each image and thumbnail:
0003a = new Image;
0003a.src = "images/Down-Range.jpg";
0003b = new Image;
0003b.src = "thumbnails/Down-Range.jpg";
But that didn't work. What would be the best way to do this?
I included a link to "Download ZIP" of the FLA project on
this page, too, because it wouldn't be easy for me to describe
what's happening. In a nutshell, a thumbnail click launches a
function that loads the appropriate image into the main image
holder. What seems to be happening the first time is the image
isn't loaded before the fade is finished, so the image just appears
after a short pause the first time.

>>What seems to be happening the first time is the
image isn't loaded before
>>the fade is finished, so the image just appears after
a short pause the
>>first time.
As has been said many times in thos forum - use the
MovieClipLoader class to
load images, and then use that class' onLoadInit method to do
things with
the loaded image. Loading is asynchronous - you _have_ to
wait until the
image is done loading before doing a fade.
Dave -
www.offroadfire.com
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Image Fade Out/Load new Image/Fade In

Similar Messages

Maybe you are looking for