Ming à la rescousse du SlideShow perdu
Bonjour à tous,
Quoi qu’un peu burlesque, le titre vous annonce directement la couleur: nous allons parlez de Ming afin de réaliser un SlideShow.
Sachez que si vous ne vous savez pas exactement ce qu’est Ming, vous pouvez aller consulter la courte présentation que j’en avais fait ici même: « A la découverte de Ming »
L’idée
Concevoir un pseudo diaporama avec un fondu d’entrée et de sortie pour chaque photographie
Les astuces
- J’ai chargé ma class image afin de gérer plus facilement le chargement et la miniaturisation des images.
- J’utilise une temporisation de sortie pour récupérer la source de ma miniature sous la forme d’un ‘flux’ gérable par Ming.
- J’utilise des transitions non-linéaires (d’où le recours à des fonctions différentes) entre les images
- J’incorpore un peu de AS afin de contrôler facilement la mise en pause/play de l’animation
Le code
-
span class= »co1″>//Chargement de ma class image pour les miniatures
-
‘image.class.php’);
-
-
//Variables relatives à l’animation
-
//Sélection des images à afficher
-
"./math/*.jpg");
-
-
//Fonctions nécessaires (voir: http://www.robertpenner.com/easing/easing_demo.html)
-
// Un peu d’AS pour jouer/stopper l’animation à tout moment
-
$strAction="
-
if(!init){
-
init=true;
-
stopped=false;
-
controls = {
-
onMouseDown: function () {
-
if(!stopped){
-
stop();
-
stopped=true;
-
}else{
-
play();
-
stopped=false;
-
}
-
}
-
};
-
Mouse.addListener(controls);
-
}
-
"// Ajout des images successives avec un fade in/out
-
‘tailles’‘Content-type: application/x-shockwave-flash’
La visualisation
J’espère que cela vous a plu! 🙂
Tags: Ming, Photographies, PHP, SlideShow