Simple Flash Slide Show

  • Status Closed
  • Budget $100 - $250 USD
  • Total Bids 21

Project Description

Develop a simple flash photo slide show which behaves like the one on the site: <[url removed, login to view]>. Note especially the transition between each photo, where the new photo fades into and partially slides over the old photo. The direction in which each photo slides in (from the left, right, top, or bottom) is associated with each individual image. The effects should behave exactly like that on [url removed, login to view], with some modifications as outlined in the requirements. The attached .ZIP file contains links to sample code as well as the sample code itself.

If the coder completes this project successfully, he or she will have first opportunity to bid on enhancements such as additional transition effects, addition of a slide display controls, etc. I would ideally like this component to evolve into something like [[url removed, login to view]][1] offers.

It is important that the coder really _understands_ ActionScript code and does not simply copy code from the source code references I’ve provided.

I'm thinking the transition effect should probably be implemented as a class (with a paramater for direction), so that it can be easily replaced with a different set of transition effects in the future. I am open to suggestions on this.

In making a bid, please provide a link to any flash samples you have coded. Also provide a rough time estimate to complete. Thank you.

## Deliverables


Below are the requirements for this implementation.

1. Coding will be done so that resulting swf is Flash 8 compatible.

2. No external Flash libraries (i.e., such as advanced loaders) may be used without prior specific approval.

3. The flash object will display images using the _same_ transitions and display timing as the flash object at [[url removed, login to view]][2]. There are 4 transitions, all of which are similar, except for the direction in which the new image slides in (left, right, top, bottom).

4. No text should be displayed on the image (at this time). In the future, we may elect to add a caption to each image as specified in the XML file. Ignore the “?? tag in the sample XML file.

5. The flash object will be scalable, up to 800 x 800 and down to a minimum of 240 x 180. Parameters to the flash object invocation will indicate a display area size.

6. The flash object will _not_ include any border area around it.

7. Although a 4:3 aspect ratio is applied to the flash display area by default, the implementation should be flexible enough to allow for a set of images which are different aspect ratio (e.g., square images).

8. The image size may be chosen as a parameter when the flash object is invoked. If no size is specified, the default size is 640 x 480.

9. Photos will be scaled down _smoothly_ and _maintain high quality_. See the references below. This is an absolute must.

10. The flash object should include a watermark layer which is visible on all images. A GIF image may be assumed which is already semi-transparent (at about ~50% transparency). The water mark will be placed in the lower right corner. Regardless, the image must be semi-transparent when displayed, so as to filter through the current image being displayed. The implementation specifics of this can be discussed further.

11. Images will be loaded via an external XML file (see format example in attached .zip file). The XML file is specified as a parameter to the flash object.

12. When loading the XML file and the first image, a visually nice animated loading progress bar with percentage should be displayed. The background color at this time is black. It may also be

13. The sizes of the different images specified in the XML file may vary from larger than 640 x 480 to smaller.

14. Original images that are smaller than the flash display area will simply be centered in the area. They will _not_ be scaled up at this time.

15. If an image does not fit the current aspect ratio of the flash display area, then it should be scaled down so as to fit within the current flash display size. The aspect ratio of the original image _must_ always be maintained and the image should not be clipped.

16. The default background for images that do not fit the aspect ratio of the flash display area is _transparent_ to whatever is behind the flash object. An optional parameter to the flash object invocation will allow the background to be either black or white, overriding the transparent default.

17. The display time and fade in effect should be configurable for each embedded image. In the absence of a fade effect or display time in the XML file, a random effect will be used and a default display time of ~4 seconds will be used (like that on [url removed, login to view]).

18. The loadMovie() function should be used in the implementation.

19. The implementation should preload images while _concurrently_ displaying the images that have already been loaded. If new images have not completed loading, then the implementation should continue to display images that it has already loaded until such time that the new image has finished loading. I want to avoid having a “loading…?? screen between each image. Please discuss this with me further. This is very important.

20. Image types may be JPG, PNG, GIF, or BMP (or anything else as allowed by the loadMovie() function).

21. Once all images are loaded and displayed, the object will loop and display images continuously, in the order in which they appear in the XML file.

22. The flash should be coded in such a way as to easily allow additional transition effects between images in the future.

23. The source code at [url removed, login to view] (see full reference below) may be used as a basis.

24. Code should be kept lean and clean. The resulting .swf file should be small.

25. A sample HTML page should be provided which shows the component working with parameters.

* * *

**Further Requirements:

**1) Complete and fully-functional working program(s) in executable form as well as complete source code of all work done.

2) Deliverables must be in ready-to-run condition, as follows (depending on the nature of the deliverables):

3) All deliverables will be considered "work made for hire" under U.S. Copyright law. Buyer will receive exclusive and complete copyrights to all work purchased. (No GPL, GNU, 3rd party components, etc. unless all copyright ramifications are explained AND AGREED TO by the buyer on the site per the coder's Seller Legal Agreement).

* * *



Below are some references to resources and sample code that may help in coding this project. While techniques may be learned, please do not copy other people’s code verbatim unless mutually agreed. That said, the code from [url removed, login to view] may be used as a starting base for this project.

**_SlidesShow Examples using XML and Flash (with Source code!)_**

* <[url removed, login to view]> {excellent example}

* <[url removed, login to view]>

**_Images Scaling & Smoothing_**

* <[url removed, login to view]>

* <[url removed, login to view]>

* <[url removed, login to view]>

**_Flash Slide Shows (examples)_**

* <[url removed, login to view]> {simple example}

* <[url removed, login to view]> {cool slide show}

## Platform

The implementation must only require Flash 8. Flash object must work completely with Internet Explorer versions 6 and 7 on Windows XP and Windows Vista. It must also work with Firefox on Windows as well as Apple Mac OS/X. Mac Safari support is desired, but not required.

Get free quotes for a project like this

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online