New Components For Adobe Flash every week!

- Flabell products
- Forums
- Themesbell products
- Blog
Home
Components
Blog
Forum
How to buy

Home \ Components For Adobe Flash \ Fade In Fade Out Slideshow

Fade In Fade Out Slideshow

Fade In Fade Out Slideshow screenshot

Preview: Downloads: 14848

Posted on: Mon, Nov 9th 2009, 01:10

janza

on 2/12/11

Is it possible to fade in / fade out images with different sizes ? At least quick test showed that images are scaled to fit. If you have portrait & landscape pics mixed this bad since the fade effect will also flicker. Any chances to add option to have fadein & fadeout for each pic instead of crossfade between next & previous ?

Corneliu Chitanu

on 5/12/11

Hello,

You can use portrait & landscape images. The component just resizes the images to fit the width and/or height of the component. So if you'd have a portrait image, the component will resize it to fit the height of the component.

If you need more options for the component, we can help you by doing some custom work. Please send an email at info@vuzum.com, if you're interested.

micklonath

on 21/12/11

Hi Just discovered your website and downloaded Fade In Fade Out Slideshow. I have a couple of websites: (2) wordpress free version and (2) designed by a programmer. How can I insert this feature into the sites? Is there a code I can copy? Thank you :)

Corneliu Chitanu

on 23/12/11

Hello,

For the free wordpress website you have, you'll need to find some hosting and apply this article to embed the component in an article or page:

http://www.flabell.com/blog/1829/how-t...

You'll need to use absolute paths, like this forum post explains:

http://www.flabell.com/topics/view/492

If it gives you any trouble, try using the Firebug tool on Firefox, Developer tool on Chrome or Activity tool on Safari. This tutorial explains how to use the Activity on Safari, but the same would apply for the rest:

http://www.flabell.com/blog/1184/step-...

If you need our help, please buy a support ticket and share a link to your component. We'll be back on January 3rd to take a look and find a solution.

Happy Holidays!

Chris Revels

on 20/1/12

I am using the free version of fade in and out slideshow but I have also purchased the one with navigation. Not sure if I want to use the one with navigation yet.

I have gotten the preview animation to load but still getting the error swfobject not defined. Can you take a look at my code?

                
<td class="data"><SCRIPT type=text/javascript src="../assets/slideshow/deploy/js/swfobject.js">
</SCRIPT>



<SCRIPT type=text/javascript>
// JAVASCRIPT VARS
   // cache buster
   var cacheBuster = "?t=" + Date.parse(new Date());  
   
   // stage dimensions
   // if you define '100%' then the swf will have the browser dimensions
   var stageW = "560";//"100%";
   var stageH = "373";//"100%";
   
   
   // ATTRIBUTES
      var attributes = {};
      attributes.id = 'FlabellComponent';
      attributes.name = attributes.id;
      
   // PARAMS
   var params = {};
   params.bgcolor = "#ffffff";
   
      /* FLASH VARS */
   var flashvars = {};    
   
   /// if commented / delete these lines, the component will take the stage dimensions defined 
   /// above in "JAVASCRIPT SECTIONS" section or those defined in the settings xml   
      
   /// path to the content folder(where the xml files, images or video are nested)
   /// if you want to use absolute paths(like "http://domain.com/images/....") then leave it empty("")
   
   flashvars.pathToFiles = "../assets/slideshow/deploy/";
   flashvars.xmlPath = "../assets/slideshow/deploy/fadeinout/xml/fadeinout.xml";      
   
swfobject.embedSWF("../assets/slideshow/deploy/preview.swf"+cacheBuster, attributes.id, stageW, stageH, "9.0.124", "../assets/slideshow/deploy/js/expressInstall.swf", flashvars, params);

   
   </SCRIPT>

<TABLE cellSpacing=0 cellPadding=0 width="100%" height="100%">
<TBODY>
<TR>

<TD align=middle>
<div id="FlabellComponent"></div>
</TD></TR></TBODY></TABLE>

Thank you for any help

Corneliu Chitanu

on 23/1/12

Hello,

We took a look at the code and the problem is the xmlPath flashvar. It should be relative to the pathToFiles flashvar. The complete path to it would be: pathToFiles + xmlPath. So by adding your values would not be correct:

"../assets/slideshow/deploy/../assets/slideshow/deploy/fadeinout/xml/fadeinout.xml"

The xmlPath should be:

                
flashvars.xmlPath = "fadeinout/xml/fadeinout.xml";

The same would apply for the paths to the images. They should be relative to the pathToFiles folder. This way, if you're going to move the folder somewhere else, you won't need to change all the paths to the XML files or images. You're going to change only the pathToFiles flashvar.

This should solve the problem.

Chris Revels

on 23/1/12

Maybe I am just not getting it. I changed the paths back to what you suggested. Now I dont see the loading animation at all and both IE and Firefox report SWFObject not defined. Here is the code now.

                <SCRIPT type=text/javascript src="js/swfobject.js">
</SCRIPT>



<SCRIPT type=text/javascript>
// JAVASCRIPT VARS
   // cache buster
   var cacheBuster = "?t=" + Date.parse(new Date());  
   
   // stage dimensions
   // if you define '100%' then the swf will have the browser dimensions
   var stageW = "560";//"100%";
   var stageH = "373";//"100%";
   
   
   // ATTRIBUTES
      var attributes = {};
      attributes.id = 'FlabellComponent';
      attributes.name = attributes.id;
      
   // PARAMS
   var params = {};
   params.bgcolor = "#ffffff";
   
      /* FLASH VARS */
   var flashvars = {};    
   
   /// if commented / delete these lines, the component will take the stage dimensions defined 
   /// above in "JAVASCRIPT SECTIONS" section or those defined in the settings xml   
      
   /// path to the content folder(where the xml files, images or video are nested)
   /// if you want to use absolute paths(like "http://domain.com/images/....") then leave it empty("")
   
   flashvars.pathToFiles = "fadeinout/";
   flashvars.xmlPath = "fadeinout/xml/fadeinout.xml";      
   
swfobject.embedSWF("preview.swf"+cacheBuster, attributes.id, stageW, stageH, "9.0.124", "js/expressInstall.swf", flashvars, params);

   
   </SCRIPT>

<TABLE cellSpacing=0 cellPadding=0 width="100%" height="100%">
<TBODY>
<TR>
<TD align=middle>
<div id="FlabellComponent"></div>

</TD></TR></TBODY></TABLE>

Corneliu Chitanu

on 24/1/12

Like I mentioned in the comment above, you don't need to include the folder you specified in the pathToFiles, in the xmlPath flashvar. I explained how the full path is built above. Please read carefully. Your xmlPath flashvar should be:

flashvars.xmlPath = "xml/fadeinout.xml";

If the browser says that the swfobject is undefined, the path to the swfobject.js file is incorrect. I took a look in the webpage you sent us by email and I received an error:

"NetworkError: 404 Not Found - http://www.chattanoogacoins.com/js/swf..."

That means that the path to the swfobject.js is not correct. Please set the right path. It should work after you make the changes I was talking about above too.

Chris Revels

on 24/1/12

After looking over and over and trying different things I finally figured out what was going on. (1) My folders were not at the root dir. so after fixed paths with folders at correct place got no errors but it still would not show. Just the loading animation. So I finally figured out that I had renamed the images in the XML to something different then 1, 2, 3, 4 ect. After fixed the file names and reloading IT WORKS ! ya! Thanks for your patience guys.

Corneliu Chitanu

on 25/1/12

You're welcome. We're glad you made it work. Enjoy the component!

szmatyi

on 1/3/12

Good evening, hello!

I'm too using the free fade in fade out slideshow on this site: http://www.berkenye.sk/M%c3%a9diat%c3%... (the site is in hungarian, sorry for that). The site runs on DotNetNuke 5.x, I used the guidelines posted up there somewhere (http://www.flabell.com/topics/view/492). I also have a sort of a staging version of the site on my local machine, same version of DNN, (most probably) the same version of IIS, and MSSQL, and the same construct on the localhost works. Could someone explain, why does not it work on the url specified earlier? The flash movie loads correctly (or so it seems at least), but is stuck in the point when it loads the images defined in the XML file.
As for the construct:
I created a clone of the index.html file obtained with the component, modified it only slightly (added the full URL of the site to the appropriate variables/fields), the SWF and the HTML files are in the root folder of the site. Then uploaded the entire content of the js folder, to /js, and finally created the structure of the folder fadeinout on the server with only two modifications (as I'm planning to roll out more galleries this way): the /fadeinout/contents/ folder contains folder MikorMentem_SS instead of images, and the XML folder contains MikorMentem_SS.xml instead of fadeinout.xml. The references for these files/folders are of course updated also everywhere (MikorMentem_SS.html, the XML file). As I said the exactly same setup does work on the local server. Am I doing something wrong? Any help would be grealy appreciated. Thanks in advance.

szmatyi

on 1/3/12

Well,
Hello there, again.
After spending a lot of time on it, Firebug told me, where to look. Seems like some crossdomain policy definition file was missing. See these links for details:
DotNetNuke's point of view:
http://www.dotnetnuke.com/Resources/Fo...

Adobe's side: http://www.adobe.com/devnet/articles/c...

After creating a really simple crossdomain.xml file, everything started to work. :))
That's it. I do hope this helps anyone having the same fight I had.

Have a nice day.

Corneliu Chitanu

on 2/3/12

Hello,

We're glad you found the solution for the problem. Yes, the crossdomain policy is important for Flash Player security. This is why Adobe takes these measures. Enjoy the component!

smconline

on 9/4/12

Just wanted to chime in and state that implementing the script on my page was simple and easy. Thanks for the clean and simple script!

Corneliu Chitanu

on 10/4/12

Thank you so much. We're so glad to see you happy using it. Enjoy!

9 8 7...1