Image swaps with fade out and in

I am new to Dreamweaver, in fact only got into it to do my
own website. I want to create image swaps with a fade out and then
fade in with the new image. Nowhere can I find out how to do this
so far. Can anybody point me in the right direction. Many thanks
for your help now and in the past.
Perspectivist

This is a multi-part message in MIME format.
--------------000605070301090808040601
Content-Type: text/plain; charset=ISO-8859-1; format=flowed
Content-Transfer-Encoding: 7bit
i see! well, that's good to know. i didn't realize you could
do
transitions on image swaps (of course, i've rarely used them
so far).
and i just assumed the OP was actually trying to do a
slideshow, which
could still be the case i guess. i suppose he's covered
either way!
Nancy O wrote:
> There are several image transition scripts on this page:
>
http://www.brothercake.com/site/resources/scripts/transitions/
>
>
>
> --Nancy O.
> Alt-Web Design & Publishing
> www.alt-web.com
>
>
>
> "Perspectivist" <[email protected]>
wrote in message
> news:[email protected]...
>
>> I am new to Dreamweaver, in fact only got into it to
do my own website. I
>>
> want
>
>> to create image swaps with a fade out and then fade
in with the new image.
>> Nowhere can I find out how to do this so far. Can
anybody point me in the
>> right direction. Many thanks for your help now and
in the past.
>>
>> Perspectivist
>>
>>
>
>
>
--------------000605070301090808040601
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: 7bit
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
i see! well, that's good to know. i didn't realize you could
do
transitions on image swaps (of course, i've rarely used them
so far).
and i just assumed the OP was actually trying to do a
slideshow, which
could still be the case i guess. i suppose he's covered
either way!<br>
<br>
Nancy O wrote:
<blockquote cite="mid:[email protected]"
type="cite">
<pre wrap="">There are several image transition
scripts on this page:
<a class="moz-txt-link-freetext" href="
http://www.brothercake.com/site/resources/scripts/transitions/">http://www.brothercake.com /site/resources/scripts/transitions/</a>
--Nancy O.
Alt-Web Design & Publishing
<a class="moz-txt-link-abbreviated" href="
http://www.alt-web.com">www.alt-web.com</a>
"Perspectivist" <a class="moz-txt-link-rfc2396E"
href="mailto:[email protected]"><[email protected]></a>
wrote in message
<a class="moz-txt-link-freetext"
href="news:[email protected]">news:[email protected]</a >...
</pre>
<blockquote type="cite">
<pre wrap="">I am new to Dreamweaver, in fact only got
into it to do my own website. I
</pre>
</blockquote>
<pre wrap="">want
</pre>
<blockquote type="cite">
<pre wrap="">to create image swaps with a fade out and
then fade in with the new image.
Nowhere can I find out how to do this so far. Can anybody
point me in the
right direction. Many thanks for your help now and in the
past.
Perspectivist
</pre>
</blockquote>
<pre wrap="">
</pre>
</blockquote>
</body>
</html>
--------------000605070301090808040601--

Similar Messages

Face time fades out and then tries to reconnect on new ipad retina display on WiFi. Iphone 4s has no problem with face time from exact same location and same contact. WiFi signal strong on both devices. What gives?

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.

How can I have an object toggle between fade out and fade in with button?

Hello all,
I have a problem and I was hoping someone out there could help me out with it.
I have smart shape that is set to show for "rest of project" on one of my early slides. It is not visible in output in the properties, but when a user clicks a button in the project, it should fade in and then stay visible. If the user clicks the same button again, it should fade out and stay hidden. So rather than toggle between show and hide, which I know how to do, I want it to toggle between fade in and fade out. I am having trouble with this. Setting its transition to fade in and fade out in the properties of the smart shape doesn't help...
Here is the advanced action I have attached to the button that should allow the user to toggle between fade in and fade out. The "if" parts works -- the object fades in and then finally "shows" at 100% the "else" part almost works. It fades out, disappears, but then shows again, which I obviously dont want it to do. I want it to stay hidden.
If you can help, it would be great!!

I Don't
But as a work around you could try increasing the canvas size to match the illustrator file, paste in the object then crop off the excess canvas in photoshop

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>

The volume on the second half of my Quicktime slideshow fades out--and I don't want it to do that!

I used FotoMagico 4.0 to make a slideshow. There are options for exporting, and I chose the one called Custom, which makes a Quicktime movie. For some reason the volume in the second half of the show starts to fade out, and by the end I can barely hear anything. If I export to their Standalone Player, which allows the slideshow to play on a Mac computer, everything works just fine. I'm at my wits end trying to figure out how to fix this. I want to be able to export the slideshow to Vimeo so that people on Macs and Pc's can both watch it, but I can't do it with the volume the way it is.

Go to System Preferences. Then under the General tab, there is a tick box saying "Restore windows when quitting and re-opening apps." Un tick that box. Once you start and quit Safari again, it will go back to your home page.

I have adobe Premiere Elements 13. It will not let me delete audio or have it fade in or out. I can move the yellow line all the way down till the volume reads -0.0, but the sound is still there on playback. I can click on fade in and fade out and the yel

I have adobe Premiere Elements 13. It will not let me delete audio or have it fade in or out. I can move the yellow line all the way down till the volume reads -0.0, but the sound is still there on playback. I can click on fade in and fade out and the yellow line that graphs volume takes a sharp raise or dip at the beginning or end of the clip, but there is no change in volume when I play back. What am I doing wrong?

rickeyt
Thanks for the reply. Great news about the volume adjusts.
Now about those fades for the volume. How are you doing that?
1. Right click the Timeline video audio and select Fade and then
see the Fade options (I had a video with audio file, so I saw the choices as shown in the screenshot)
2. You can also create two volume keyframes at each end of the Timeline audio clip rubberband (orange line that goes horizontally across the middle of the audio clip). At the position of the Timeline Indicator, click the Add/Remove Keyframe icon, and then with the mouse cursor position the white dots (volume keyframes) to achieve the Fade In and Fade Out audio. In the screenshot below I have moved the Timeline Indicator so that you could better see the white dots (volume keyframes).
Please let us know if any of the above works for you with regard to the audio fades.
Thank you.
ATR

Is it possible to burn a playlist to a CD with fade-outs & fade-ins?

I can burn a playlist to a CD with start time and end time edits and I can regulate the number of seonds between tracks. But when I try to burn a CD that has been set to cross fade, the burn process ignores the fade out and fade in and just burns the songs at regular volume from start to finish. I unselected the automatic sound check feature, but that didn't solve the problem.

jhcm4202 wrote:
I can burn a playlist to a CD with start time and end time edits and I can regulate the number of seonds between tracks. But when I try to burn a CD that has been set to cross fade, the burn process ignores the fade out and fade in and just burns the songs at regular volume from start to finish. I unselected the automatic sound check feature, but that didn't solve the problem.
The Crossfade effect only applies to playback in iTunes. It does not carry over to audio CDs burned using iTunes nor iPod transfers.
My guess is you will need to doctor the individual audio files first with a third-party utility before burning these new tracks to a CD.
Steve

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.

I'm trying to make a ring to for iPhone and about 20 sec into the playing of the song it fades out and goes silent. What am I doing wrong? Thanks

I'm trying to make a ring to for iPhone and about 20 sec into the playing of the song it fades out and goes silent. What am I doing wrong? Thanks

Im not sure what garage band is, but i can tell you the way apple recommends making ringtones. Highlight a song in iTunes, right click and select get info. Goto the options tab and youll see the time lengths (write down the ending time) for the start time type in where you want the ringtone to start, ringtones can only be 30 sec long so make the ending time 30 sec later. Exit it out of the info and while song highlighted goto the "advanced" tab at the top of iTunes where you will see an option that says "create aac version". after creating the aac version you will have a duplicate song in your iTunes, change the original back to the correct time length. Take the 30 sec aac version and drag it to your desktop, right click the icon and click "preferences" You will then be able to change the name of the file which will be somethign to the effect of "songnamehere.m4a" you just change the m4a to m4r. you now have a ringtone, drag the new file to iTunes where it will pop up in a new tab labled ringtones. If you cannot change the name of the file when it is on your desktop let me know and i will give you instuctions how to be able to change it. Once you get it figured out you can use any song you have on iTunes to make a ringtone.

Transitionmanager with Fade in and Out (on my Code)

Hello,
i was about to create a banner for my page with rotating images. They being loaded on a xml. The xml ist just filled with the linsk to the images.
I got the fade in transition to work as you can see on the code. But i want to create an fade out after 6 seconds the imageLoaded function is beeing completed.
(im very new to flash .. its my first project so pls ignore my mistakes ^-^)
I got a Scene with 1 Layer for the AC and 1 Layer for the "holder". And i just got 1 frame on my timeline.
Would be nice if someone could help me with that ^-^
Here is my Code so far:
import flash.display.Loader;
import flash.utils.Timer;
import flash.events.TimerEvent;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.events.Event;
import fl.transitions.*;
import fl.transitions.easing.*;
var switchTimer:Timer = new Timer(8000)
switchTimer.addEventListener(TimerEvent.TIMER, switchImage)
switchTimer.start()
var picArray:Array = new Array()
var picLength:int;
var imageLoader:Loader
var whoIsOn:int = 0
var xmlData:XML;
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.addEventListener(Event.COMPLETE, loadTheXML)
xmlLoader.load(new URLRequest("http://www.hma4ever.de/Forum/Themes/HMA2/images/slideShow.xml"))
function loadTheXML(evt:Event):void{
    xmlData = new XML(evt.target.data)
    picLength = xmlData.photoList.photo.length()
    for (var i:int = 0;i<picLength;i++){
            picArray.push(xmlData.photoList.photo.@path[i])
    imageLoader = new Loader();
    var mainReq:URLRequest = new URLRequest(picArray[whoIsOn])
    imageLoader.load(mainReq)
    imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded)
function imageLoaded(evt:Event):void{
    holder.addChild(imageLoader)
    TransitionManager.start(holder, {type:Fade, direction:Transition.IN, duration:2, easing:None.easeNone});
function switchImage(evt:TimerEvent):void{
    if(whoIsOn < picLength -1){
    whoIsOn++;
    imageLoader.load(new URLRequest(picArray[whoIsOn]))
    }else{
        whoIsOn = 0;
    imageLoader.load(new URLRequest(picArray[whoIsOn]))

import flash.display.Loader;
import flash.utils.Timer;
import flash.events.TimerEvent;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.events.Event;
import fl.transitions.*;
import fl.transitions.easing.*;
var fadeoutDuration:Number = 1;
var fadeoutTimer:Timer = new Timer(6000,1);
fadeoutTimer.addEventListener(TimerEvent.TIMER,fadeoutF);
var switchTimer:Timer = new Timer(fadeoutDuration,1);
switchTimer.addEventListener(TimerEvent.TIMER, switchImage)
var picArray:Array = new Array()
var picLength:int;
var imageLoader:Loader
var whoIsOn:int = 0
var xmlData:XML;
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.addEventListener(Event.COMPLETE, loadTheXML)
xmlLoader.load(new URLRequest("http://www.hma4ever.de/Forum/Themes/HMA2/images/slideShow.xml"))
function loadTheXML(evt:Event):void{
    xmlData = new XML(evt.target.data)
    picLength = xmlData.photoList.photo.length()
    for (var i:int = 0;i<picLength;i++){
            picArray.push(xmlData.photoList.photo.@path[i])
    imageLoader = new Loader();
    var mainReq:URLRequest = new URLRequest(picArray[whoIsOn])
    imageLoader.load(mainReq)
    imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded)
function imageLoaded(evt:Event):void{
    holder.addChild(imageLoader)
    TransitionManager.start(holder, {type:Fade, direction:Transition.IN, duration:2, easing:None.easeNone});
fadeoutTimer.reset();
fadeoutTimer.start();
function fadeoutF(e:TimerEvent):void{
TransitionManager.start(holder, {type:Fade, direction:Transition.OUT, duration:fadeoutDuration, easing:None.easeNone});
switchTimer.reset();
switchTimer.start();
function switchImage(evt:TimerEvent):void{
    if(whoIsOn < picLength -1){
    whoIsOn++;
    imageLoader.load(new URLRequest(picArray[whoIsOn]))
    }else{
        whoIsOn = 0;
    imageLoader.load(new URLRequest(picArray[whoIsOn]))

Fade outs and next buttons

Hi Folks-
I have a few questions. I am developing a course with mostly
text and images and am stuck on a few things:
1. Some of the screens seem to fade out before the reader
clicks next.
2. Sometimes the reader has to click next twice before the
slide changes
3. I have copied and pasted text from a word.doc and the line
spacing isn't consistent or even throughout, any sugggestions? I am
contemplating creating power point slides and importing them to
solve this problem. Do you think that would work?
Thanks.

Hi Joan and welcome to our community
Questions:
1. Does this only happen in Internet Explorer (IE) or does it
happen in all browsers?
2. If it only happens in IE, for the movies that are
exhibiting this behavior, have you simply tried hovering the mouse
over the movie before trying to click the button? If so, so you see
a little yellow "tooltip" appear that says something to the effect
of "Click to activate and use this control"?
If this is the case, it's a result of a change in behavior
that Microsoft was forced to make to the way IE handles content
such as Flash files. Again, if this is the case, the first click
"activates" the control. (basically patting Internet Explorer on
the head and telling it that the world will, in fact, NOT come to a
fiery end if it shows you the active content). Subsequent clicks
should be interpreted as they should be until a different movie is
loaded up. Then things start over.
Hopefully this helps... Rick

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>

Problem with 'Fade Out'

As part of an edit, I am trying to both 'Fade In' and 'Fade Out' of a particular video. The 'Fade In' works fine, but I'm having problems with the 'Fade Out'. For some strange reason, while the video part of it fades out properly, the audio that also fades out is not the correct audio - it is audio from earlier in the video (I'm assuming that - it is a live music video - the part that is fading out is crowd response, but the audio somehow has music in it)
This is my first time using iMovie '08 - I have used past versions of iMovie over the last few years and have NEVER had this problem. Any suggestions or known fixes? Any feedback much appreciated.

still confused. I don't get a yellow band when I select a clip - it just kinda gets highlighted.
Also - when I go to audio FX in the editing field, it really has nothing to do with selecting audio - just a bunch of equalizer options. Not really sure why a basic fade out wouldn't control both the video as well as audio of the clip. It always did in previous versions of iMovie.

Image swapping with correct dimensions

Hi all,
Hovering over a row of thumbnails, I swap the full size photo following this code :
var photo = new Image();
photo.src = 'images/'+fileName; // parameter of the function
console.log(fileName+' L= '+photo.width+' H= '+photo.height);
sym.$('toile').attr({
      width: photo.width,
      height: photo.height,
      src: photo.src
The full size photo swaps, but retaining the dimensions of the first one (initially on the Edge stage).
Even more puzzling, as you can see in the following screen capture, sometimes I can get the correct photo.width and photo.height (even if it isn't correctly assigned to the 'toile' element), and sometimes those values are zero ! And I feel so lost that this seems random. Surely it is not and someone has an idea. Thank you.
Gil
PS : An idea just springing while writing. May be it has to do with loading delay, asking the width and height information before it is available ? Should I necessarily preload the images ?

So, preloading is part of the solution.
An associative array is used to store the twelve full size photos susceptible to be displayed when their thumbnail is hovered over :
var twelvePhotos = new Object();
Inside the loop that fills the row of thumbnails, each corresponding picture is also preloaded and pushed into the associative array :
var photo = new Image();
photo.src = 'images/'+series+index+'.jpg';
twelvePhotos[index] = photo;
Now the width and height are available and always traced by console.log() :
var photo = twelvePhotos[index];
console.log(fileName+' L= '+photo.width+' H= '+photo.height);
The image swap, but width and height still remain the same. I tried in vain :
sym.$('toile').attr({
      'width': photo.width,
      'height': photo.height,
      'src': photo.src
sym.$('toile').attr('width', photo.width);
sym.$('toile').attr('height', photo.height);
sym.$('toile').attr('src', photo.src);
sym.$('toile').attr('width', parseInt(photo.width));
sym.$('toile').attr('height', parseInt(photo.height));
sym.$('toile').attr('src', photo.src);
Clearly, I miss the good syntax. Anyone sees my mistake ?
Gil

How to lenghten the clip with fade out

I have a clip on the secondary storyline wich ends with a fade out. I'd like to lenghten the clip maintaining its fade out as it is. Is there a quick way to do it without having to cut and paste the fade out?

Actually something strange happens here. I move the clip backward (after having selected clip and dissolves) and I get that the clip is moved, but the dissolves remain where they were.....) :

Image swaps with fade out and in

Similar Messages

Maybe you are looking for