Piecemaker 2, un slider Flash en trois dimensions

8 janvier 2011

Björn Crüger, un développeur allemand spécialisé dans les applications Flash sort Piecemaker 2 : un slider Flash entièrement basé sur XML et permettant d’avoir des effets de transition en trois dimensions. L’outil est gratuit et open-source !

Présentation des nouveautés

Piecemaker version 2 appuie désormais sur l’aspect visuel, entre autres :

  • des effets de transition illimités avec animation des ombres
  • le support des fichiers SWF et vidéos
  • la navigation par rollover (apparition d’infobulles)
  • la possibilité d’insérer du texte et des liens hypertextes

Informations

Cet outil Flash d’excellente qualité précharge les images pour un affichage fluide et prend en charge les formats JPG, GIF et PNG. La navigation peut se faire de deux façons : utiliser les boutons standards situés sous le slider ou utiliser le rollover avec infobulles (possibilité de mettre en pause le défilement automatique). Le slider est entièrement configuré à partir d’un fichier XML et d’une feuille de style CSS : contenu HTML/CSS, délais des animations, dimension des images et des ombrages… tout est configurable sans toucher au fichier source FLA !

Requis : Flash Player
Démonstration : http://www.modularweb.net/en/#/portfolio/piecemaker2
Licence : MIT

Commentaires

  • déb.

    est_il possible d’ installer plusieurs slides Piecemaker sur une page HTML?

  • déb.

    euh oui, en fait…j’ ai pas mis trop de temps;
    remplacer la div ‘piecemaker’ par une autre; et en appelant un autre XML;
    ex:
    var flashvars = {};
    flashvars.cssSource = « piecemaker.css »;
    flashvars.xmlSource = « piecemaker.xml »;

    var params = {};
    params.play = « true »;
    params.menu = « false »;
    params.scale = « showall »;
    params.wmode = « transparent »;
    params.allowfullscreen = « true »;
    params.allowscriptaccess = « always »;
    params.allownetworking = « all »;

    swfobject.embedSWF(‘piecemaker.swf’, ‘piecemaker’, ‘1000’, ‘600’, ’10’, null, flashvars,
    params, null);

    var flashvars = {};
    flashvars.cssSource = « piecemaker.css »;
    flashvars.xmlSource = « piecemaker2.xml »;

    var params = {};
    params.play = « true »;
    params.menu = « false »;
    params.scale = « showall »;
    params.wmode = « transparent »;
    params.allowfullscreen = « true »;
    params.allowscriptaccess = « always »;
    params.allownetworking = « all »;

    swfobject.embedSWF(‘piecemaker.swf’, ‘piece’, ‘1000’, ‘600’, ’10’, null, flashvars,
    params, null);

    Je m’ excuse, sur certains plugin Jquery, c’ était l’ enfer.

  • Voynich

    Hummm pas mal, restes a savoir comment l’utiliser !

  • Anthony

    bonjour,
    comment faites vous pour mettre link en francais?

  • Le lien vers le fichier a changé, voici le nouveau: http://www.modularweb.net/en/#/portfolio/piecemaker2

    • Merci pour l’info, j’ai mis à jour ;-)