Slideshow is really kinda rare at the internet , I tried to look at some ready Slideshow that need just some modification and here we are ready , but it seems that I can't find what I want, that why I want to write this tutorial to help some people like me that are interested in a slide show .

This slide show is made with Flash 8 and ActionScript 2, and Will use the XML File .

The XML File "filelist.xml" would look like something like this :

<?xml version="1.0" encoding="utf-8"?>
<imagelist> <pix>img1.jpg</pix>
<pix>img2.jpg</pix>
<pix>img3.jpg</pix>
</imagelist>

At the First Frame Paste This Code

var counter:Number = 0;


var XMLValue:XML = new XML();
XMLValue.ignoreWhite = true;
XMLValue.load("filelist.xml");
XMLValue.onLoad = function(success) {

if (success) {
ChangeClip(XMLValue);
intervalId = setInterval(ChangeClip, 10000, XMLValue );
}

};



function ChangeClip(XMLValue) {
element = XMLValue.firstChild;

if(element.childNodes[counter].firstChild.nodeValue==undefined){
counter = 0;
}




this.createEmptyMovieClip("ourMovieClip",this.getNextHighestDepth());
ourMovieClip._alpha = 0;


loadMovie(element.childNodes[counter].firstChild.nodeValue, "ourMovieClip");

easeType = mx.transitions.easing.Regular.easeOut;
var begin = 20;
var end = 100;
var time = .5;
var mc = ourMovieClip;

ballTween = new mx.transitions.Tween(mc, "_alpha", easeType, begin, end, time, true);

counter++;


}

Now let's Analyse the code a little bit for more understanding to this slideshow.

var XMLValue:XML = new XML();
XMLValue.ignoreWhite = true;
XMLValue.load("filelist.xml");
XMLValue.onLoad = function(success) {

if (success) {
ChangeClip(XMLValue);
intervalId = setInterval(ChangeClip, 10000, XMLValue );
}

};

This Snippet of Code will load the xml file , and will launch the function ChangeClip() with an interval of 10 seconds , which means that the function will be repeated each 10 seconds and will change the picture.

function ChangeClip(XMLValue) {
element = XMLValue.firstChild;

if(element.childNodes[counter].firstChild.nodeValue==undefined){
counter = 0;
}




this.createEmptyMovieClip("ourMovieClip",this.getNextHighestDepth());
ourMovieClip._alpha = 0;


loadMovie(element.childNodes[counter].firstChild.nodeValue, "ourMovieClip");

easeType = mx.transitions.easing.Regular.easeOut;
var begin = 20;
var end = 100;
var time = .5;
var mc = ourMovieClip;

ballTween = new mx.transitions.Tween(mc, "_alpha", easeType, begin, end, time, true);

counter++;


}

This Snippet of code is a function that will load the image or the Movie Clip in the Stage and will increase the value of the counter

the Transition that was used here is a type of transition that wasn't documented in the flash class documentation , there is a lot different method for doing this kind of transition , so you can have a different type of transition.

Download the FLA Image SlideShow

Posted in Libellés : Flash tutorial, Image Gallery 0 commentaires Publié par y. elhafyani à l'adresse 10:12 AM    

Flashflickr is an application builded by Flex/Actionscript2 which uses the API flickr services, the application allow the users to browse their picture , and it implemente the authentification for the registred users , so the users can post comment for the pictures and add tags ....
The application is opensource , you can download it for free , and for to be able to use , you need a flickr API key.
http://www.flickr.com/services/api/

Posted in Libellés : Flex, Image Gallery 1 commentaires Publié par y. elhafyani à l'adresse 10:41 AM    

Creating photo Galleries with Adobe photoshop or photoshop element 2 was always an easy task , but nowdays with the use of Photoshop element 5 and hotoshop Lightroom, Adobe introduces a new generation of Flash-based web galleries that deliver an engaging user experience and provide many styling and customization options.

Photoshop Elements and Lightroom ship with a single SWF file containing the gallery program, which users can customize extensively using the authoring interface in those programs.

Michael Slater and Trent Brown from Adobe , will explain different necessary steps for customizing web photo galleries in ActionScript

Adobe has published the Adobe Media Gallery code as open source, so you can modify it or learn from it to create entirely new galleries. To help get you started, this article provides an overview of how the Adobe Media Gallery works with the XML files. After you read this article, you should refer to the Adobe Media Gallery XML specification and the other resources listed at the end for more details.

Posted in Libellés : Image Gallery 0 commentaires Publié par y. elhafyani à l'adresse 5:24 AM    

In our tutorial here we are going to build a flash image gallery using the photos stored in the flash library , our result would be something similar to this like this




1- firstly we create the rectangle and the color name and we convert it to a MovieClip and we repeat the same task till we finish all the color and have similar result in figure one.

Posted in Libellés : Flash tutorial, Image Gallery 1 commentaires Publié par y. elhafyani à l'adresse 4:23 AM