Retour à Flash et ActionScript forum

Numéro de bouton Précédent AS2 diaporama

  • cosmic_billion
  • Newbie
  • Newbie
  • Avatar de l’utilisateur
  • Inscription: Nov 05, 2009
  • Messages: 14
  • Loc: Amsterdam, the Netherlands
  • Status: Offline

Message Mars 12th, 2012, 3:32 am

Bonjour les gens Ozzu,

En quoi tout le monde ?:)

Il y a un grand code de Script d'Action 2/XML diaporama que j'ai trouvé grâce à un lien sur Smashing Magazine, la raison pour laquelle que j'aime c'est parce qu'il avait une interpolation peu agréable entre les images, mais dun dun dun...

J'ai réussi à insérer une prochaine, de jouer et de mettre en pause bouton mais pas la fonction bouton précédente.

Le prev_btn est censé pour appeler jusqu'à la position actuelle d'image - 1, de la même façon que la next_btn appelle l'image actuelle + 1. Cela est logique mais se confondre avec quelque chose...


Votre aide sera aprreciated.

Code: [ Select ]

import gs.*;
import gs.easing.*;


//---Load XML


var xmlPath = "photos.xml";
var photos_xml = new XML();
photos_xml.ignoreWhite = true;
var imageList:Array = new Array();
photos_xml.onLoad = function(success) {
    if (success) { // ----------- load successful
        // ----------- convert XML content to an array
        imageList = photos_xml.firstChild.childNodes;
        // ----------- Do some action once xml is loaded
        loadImage();
        // ----------- Do some action once xml is loaded
    } else {
        // ----------- problem loading, check path
        trace("Error loading photos_xml");
    }
}

//---Load Images


var currentImage:Number = 0;
var imageLoader:MovieClipLoader = new MovieClipLoader();
var loadListener:Object = new Object();

imageLoader.addListener(loadListener);

loadListener.onLoadInit = function(target_mc:MovieClip, httpStatus:Number):Void {
    TweenLite(dot)to(container_mc.background_mc, 1, {_width:target_mc._width + 20, _height:target_mc._height + 20, ease:Strong.easeOut});
    TweenLite(dot)to(container_mc.border_mc, 1, {_width:target_mc._width, _height:target_mc._height, ease:Strong.easeOut});
    TweenLite(dot)to(container_mc.mask_mc, 1, {_width:target_mc._width, _height:target_mc._height, ease:Strong.easeOut});
    
    // center content
    var clipXTarg = Math.round((Stage.width/2)-((target_mc._width+20)/2));
    var clipYTarg = Math.round((Stage.height/2)-((target_mc._height+20)/2));
    TweenLite(dot)to(container_mc, 1, {_x:clipXTarg, _y:clipYTarg, ease:Strong.easeOut});

    // find previous image
    if(currentImage == 0){
        var prevImgNum = imageList.length -1;
    }else{
        var prevImgNum = currentImage -1;
    }
    var prevImg = container_mc.pics_mc["pic"+prevImgNum];
    TweenLite(dot)to(prevImg, 1, {autoAlpha:0, onComplete:removePrevious});
}

loadListener.onLoadComplete = function(target_mc:MovieClip):Void {
    TweenLite(dot)to(target_mc, 1, {autoAlpha:100, delay:1});
    setTimer();
}


//---Functions List


function setTimer(){
    timer = setInterval(loadImage, 5000);
}

function removePrevious(){
    if(prevImg != undefined){
        removeMovieClip(prevImg);
    }
    
    
    // increment the current image
    if(currentImage < imageList.length -1){
        currentImage = currentImage + 1;
    }else{
        currentImage = 0;
    }
}

    //Load the next image automatically
function loadImage(){
    var loadURL = imageList[currentImage].attributes.imgurl;
    var targetClip = container_mc.pics_mc.createEmptyMovieClip("pic"+currentImage,container_mc.pics_mc.getNextHighestDepth());
    targetClip._alpha = 0;
    clearInterval(timer);


    
    // load the new image
    imageLoader.loadClip(loadURL,targetClip);
}
    //Load the next image if the button was pressed
function loadImagePrevious() {
    if(currentImage == 0){
        var prevImgNum = imageList.length -1;
        
        var loadURL = imageList[prevImg].attributes.imgurl;
        var targetClip = container_mc.pics_mc.createEmptyMovieClip("pic"+prevImg,container_mc.pics_mc.getNextHighestDepth());
        targetClip._alpha = 0;
        clearInterval(timer);
    
        // load the new image
        imageLoader.loadClip(loadURL,targetClip);
        
    }else{
        var prevImgNum = currentImage - 1;
        var loadURL = imageList[prevImg].attributes.imgurl;
        var targetClip = container_mc.pics_mc.createEmptyMovieClip("pic"+prevImg,container_mc.pics_mc.getNextHighestDepth());
        targetClip._alpha = 0;
        clearInterval(timer);
    
        // load the new image
        imageLoader.loadClip(loadURL,targetClip);
    }
}


//---On First Load

photos_xml.load(xmlPath);
stop();



//---Buttons


next_mc.onRelease = function() {
    clearInterval(timer);
    timer = setInterval(loadImage, 500);
    pause_mc._visible = true;
    play_mc._visible = false;
}

prev_mc.onRelease = function() {
    clearInterval(timer);
    ????
    pause_mc._visible = true;
    play_mc._visible = false;
    /*if(currentImage == 0){
        var prevImgNum = imageList.length -1;
    }else{
        var prevImgNum = currentImage - 1;
    }
    var prevImg = container_people_mc.pics_mc["pic"+currentImageNumber];
    TweenLite(dot)to(currentImage, 1, {autoAlpha:0, onComplete:removeCurrent});

*/}
  2. import gs.*;
  3. import gs.easing.*;
  6. //---Load XML
  9. var xmlPath = "photos.xml";
  10. var photos_xml = new XML();
  11. photos_xml.ignoreWhite = true;
  12. var imageList:Array = new Array();
  13. photos_xml.onLoad = function(success) {
  14.     if (success) { // ----------- load successful
  15.         // ----------- convert XML content to an array
  16.         imageList = photos_xml.firstChild.childNodes;
  17.         // ----------- Do some action once xml is loaded
  18.         loadImage();
  19.         // ----------- Do some action once xml is loaded
  20.     } else {
  21.         // ----------- problem loading, check path
  22.         trace("Error loading photos_xml");
  23.     }
  24. }
  26. //---Load Images
  29. var currentImage:Number = 0;
  30. var imageLoader:MovieClipLoader = new MovieClipLoader();
  31. var loadListener:Object = new Object();
  33. imageLoader.addListener(loadListener);
  35. loadListener.onLoadInit = function(target_mc:MovieClip, httpStatus:Number):Void {
  36.     TweenLite(dot)to(container_mc.background_mc, 1, {_width:target_mc._width + 20, _height:target_mc._height + 20, ease:Strong.easeOut});
  37.     TweenLite(dot)to(container_mc.border_mc, 1, {_width:target_mc._width, _height:target_mc._height, ease:Strong.easeOut});
  38.     TweenLite(dot)to(container_mc.mask_mc, 1, {_width:target_mc._width, _height:target_mc._height, ease:Strong.easeOut});
  39.     
  40.     // center content
  41.     var clipXTarg = Math.round((Stage.width/2)-((target_mc._width+20)/2));
  42.     var clipYTarg = Math.round((Stage.height/2)-((target_mc._height+20)/2));
  43.     TweenLite(dot)to(container_mc, 1, {_x:clipXTarg, _y:clipYTarg, ease:Strong.easeOut});
  45.     // find previous image
  46.     if(currentImage == 0){
  47.         var prevImgNum = imageList.length -1;
  48.     }else{
  49.         var prevImgNum = currentImage -1;
  50.     }
  51.     var prevImg = container_mc.pics_mc["pic"+prevImgNum];
  52.     TweenLite(dot)to(prevImg, 1, {autoAlpha:0, onComplete:removePrevious});
  53. }
  55. loadListener.onLoadComplete = function(target_mc:MovieClip):Void {
  56.     TweenLite(dot)to(target_mc, 1, {autoAlpha:100, delay:1});
  57.     setTimer();
  58. }
  61. //---Functions List
  64. function setTimer(){
  65.     timer = setInterval(loadImage, 5000);
  66. }
  68. function removePrevious(){
  69.     if(prevImg != undefined){
  70.         removeMovieClip(prevImg);
  71.     }
  72.     
  73.     
  74.     // increment the current image
  75.     if(currentImage < imageList.length -1){
  76.         currentImage = currentImage + 1;
  77.     }else{
  78.         currentImage = 0;
  79.     }
  80. }
  82.     //Load the next image automatically
  83. function loadImage(){
  84.     var loadURL = imageList[currentImage].attributes.imgurl;
  85.     var targetClip = container_mc.pics_mc.createEmptyMovieClip("pic"+currentImage,container_mc.pics_mc.getNextHighestDepth());
  86.     targetClip._alpha = 0;
  87.     clearInterval(timer);
  90.     
  91.     // load the new image
  92.     imageLoader.loadClip(loadURL,targetClip);
  93. }
  94.     //Load the next image if the button was pressed
  95. function loadImagePrevious() {
  96.     if(currentImage == 0){
  97.         var prevImgNum = imageList.length -1;
  98.         
  99.         var loadURL = imageList[prevImg].attributes.imgurl;
  100.         var targetClip = container_mc.pics_mc.createEmptyMovieClip("pic"+prevImg,container_mc.pics_mc.getNextHighestDepth());
  101.         targetClip._alpha = 0;
  102.         clearInterval(timer);
  103.     
  104.         // load the new image
  105.         imageLoader.loadClip(loadURL,targetClip);
  106.         
  107.     }else{
  108.         var prevImgNum = currentImage - 1;
  109.         var loadURL = imageList[prevImg].attributes.imgurl;
  110.         var targetClip = container_mc.pics_mc.createEmptyMovieClip("pic"+prevImg,container_mc.pics_mc.getNextHighestDepth());
  111.         targetClip._alpha = 0;
  112.         clearInterval(timer);
  113.     
  114.         // load the new image
  115.         imageLoader.loadClip(loadURL,targetClip);
  116.     }
  117. }
  120. //---On First Load
  122. photos_xml.load(xmlPath);
  123. stop();
  127. //---Buttons
  130. next_mc.onRelease = function() {
  131.     clearInterval(timer);
  132.     timer = setInterval(loadImage, 500);
  133.     pause_mc._visible = true;
  134.     play_mc._visible = false;
  135. }
  137. prev_mc.onRelease = function() {
  138.     clearInterval(timer);
  139.     ????
  140.     pause_mc._visible = true;
  141.     play_mc._visible = false;
  142.     /*if(currentImage == 0){
  143.         var prevImgNum = imageList.length -1;
  144.     }else{
  145.         var prevImgNum = currentImage - 1;
  146.     }
  147.     var prevImg = container_people_mc.pics_mc["pic"+currentImageNumber];
  148.     TweenLite(dot)to(currentImage, 1, {autoAlpha:0, onComplete:removeCurrent});
  150. */}



Cheers
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mars 12th, 2012, 3:32 am

  • ScottG
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Juil 06, 2010
  • Messages: 263
  • Status: Offline

Message Mars 14th, 2012, 3:15 pm

Bien?.... Comme Im regardant ce code la partie que tout le travail dose toujours porte arrière...mal explique...le code ci-dessous trouve le clip le script créé en prenant l'image actuelle et en emportant 1 lorsque la removePrevious de la fonction est appelée aussi dessous supprimez également l'image précédente et l'ajoute à l'image actuelle.

ACTIONSCRIPT Code: [ Select ]
loadListener.onLoadInit = function(target_mc:MovieClip, httpStatus:Number):Void {
/*
I remove most of was not needed to show you
*/
    // find previous image
    if(currentImage == 0){
        var prevImgNum = imageList.length -1;
    }else{
        var prevImgNum = currentImage -1;
    }
    var prevImg = container_mc.pics_mc["pic"+prevImgNum];
    TweenLite(dot)to(prevImg, 1, {autoAlpha:0, onComplete:removePrevious});
}
 
  1. loadListener.onLoadInit = function(target_mc:MovieClip, httpStatus:Number):Void {
  2. /*
  3. I remove most of was not needed to show you
  4. */
  5.     // find previous image
  6.     if(currentImage == 0){
  7.         var prevImgNum = imageList.length -1;
  8.     }else{
  9.         var prevImgNum = currentImage -1;
  10.     }
  11.     var prevImg = container_mc.pics_mc["pic"+prevImgNum];
  12.     TweenLite(dot)to(prevImg, 1, {autoAlpha:0, onComplete:removePrevious});
  13. }
  14.  


La seule chose que je pense avec sortir complètement changer le code est d'inverser le tableau imageList et faire essentiellement une image suivante à fonctionner comme vous a fait et le programme d'installation à un intervalle défini pour inverser ce retour. PAS joli et pas sûr si elle travaillera correctement avec les essais effectivement il mais avec en faisant un recodage sur comment les images passent ses le meilleur je peux arriver à l'instant.
  • cosmic_billion
  • Newbie
  • Newbie
  • Avatar de l’utilisateur
  • Inscription: Nov 05, 2009
  • Messages: 14
  • Loc: Amsterdam, the Netherlands
  • Status: Offline

Message Mars 19th, 2012, 8:28 am

Ya, non, sa ne marche pas encore, son chargement réellement l'image suivante...Hahaaaaa

Merci pour votre réponse et l'effort ScottG !

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 3 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 44 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC