PictureFlow 4.2 “Butterfly” | US-En

PictureFlow | Test

You should have Javascript active and Flash Player 10.0.22 and above to see this page

Get Adobe Flash player

Here, at last, some will say, its gestation was complicated by multiple challenged and disrupted by external events, the new PictureFlow version 4 aka “Butterfly”.
Obviously, this name evokes the Spring with reference to its release date, but the new 3D engine now allows to drag images as in butter (Butter Fly like it…).
So what’s new in this version and above all, why was it so long to arrive? Is this worth it? Does it snow at Christmas? Short so many questions, I feel it here, you’re dying to ask which I will try to provide some answers. The road to visit.
First, what youcan’t see, the code was rewritten PictureFlow from scratch. This version has nothing to do with the old AS2. Now is the ActionScript 3 and all the clips (except the scroll bar and bubbles) are generated dynamically by the code, it allows far greater flexibility and transition, can bring down the weight of the SWF to 22 KB (Yes, there is no error, all within 22 KB, barely more than a JPEG thumbnail …). Above all, there is only one PictureFlow for all image sizes. The images are loaded (or replaced by a default image if loading failed), then resized to the height you want through a FlashVars parameter.
Then to the most visible, the arrival of the new native 3D FlashPlayer 10 classes allow me to develop a new 3D engine much more efficient and especially more flexible. All images have a parameter of rotation (degree) and coordinates X, Y, Z adjustable, allowing you to reproduce the famous Cover Flow © Apple © here as (historically) or any other carousel of images following your own dynamic. The possibilities are endless: Let your imagination run wild.
Finally, the JavaScript interface level, PictureFlow now loads the latest version of Shadowbox 3 and deals with the excellent SWFObject 2.1 to detect and automatically upgrade your visitors FlashPlayer if they are not in version 10.0.22 (Minimum version required for 3D) and especially to keep your page “Google friendly” thanks to the alternative content to flash animations and compliance with the W3C standards.
Well, I think I make the rounds of nouveautés. But enough of “bla bla”, let’s get into action now.

Download :

Download PictureFlow 4 (No more available)


    Free: PictureFlow is free for personal and non-professional use.

Creative Commons License
Creative Commons License.

Pro: For users who wish to use PictureFlow for commercial purposes (ANY site owned by a company), it will cost the modest sum of €45 per site. (rebate if several: Choose your best license below or contact me at osamwal[at]yaelle.com). The commercial versions only work on one site but can not be locked remotely via the license server unlike the public versions (Incidentally, there are some who will be surprised. … You are now advised : )).

Then, if you want to use shadowbox, you will have to purchase the shadowbox commercial license ($20 USD) here. And same, if you want to use the FLV Player by Jeroen Wijering. (€39).

Install :

– Unpack this archive to your hard disk respecting the paths of many different folders.

– Prepare your thumbnails (The original size is not critical since the image will be resized once loaded but remember to optimize the weight of your images to save bandwidth and nerves of your visitors).

– Copy them to the directory “pictures”

– Prepare the file “feed.xml” specifying for each line:

  • image = “image URL (relative or absolute)
  • action = “Destination URL” when you click on the image when it is active
  • title = (Optional) “Title of the ToolTip”
  • title2 = (Optional) “subtitle tooltip
  • desc = (Optional) Text description multiline in Subdesc “
  • autoLink = (Optional) Call one of your JavaScript functions in the page when the image comes first (eg autolink = “javascript: showMyDiv ( ‘div01’)” to activate showMyDiv function and pass the parameter ‘div01’)
  • height = (Optional) height of Shadowbox in the specified value (pixels)
  • width = (Optional) width of Shadowbox in the specified value (pixels)
  • target = (Optional) target action “_self” or “_blank” (new or same window) or another target, if Shadowbox is disabled (if Inutile Shadowbox is active)

    You can put as many lines as you have images to display.

    – Uploaded on your favorite web server, make simmer over low heat for 10 minutes, Ding is Ready!

    Personalization – Your Touch;):

    No need to have Flash. So, everything is configurable directly in the html code with SWFObject. all the configuration settings are managed by what are called FlashVars (Variables, injected in text mode to FlashPlayer when loading).

    To help you integrate SWFObject in your web page with the list of all FlashVars, run:

    PictureFlow html & Javascript code Generator

    you’ll get the source code of a nice HTML page that you can edit at leisure in your favorite editor.
    It’s your play now, good luck!

A propos de cet article