Volver al Flash y ActionScript Foro

La modificación de esta Galería + Thumbs. Whos Buena??

  • Playdo
  • Born
  • Born
  • No Avatar
  • Registrado: Ene 18, 2010
  • Mensajes: 2
  • Status: Offline

Nota Enero 18th, 2010, 4:59 pm

Im no un Actionscripter sino un artista con un conocimiento limitado de ActionScript. Durante más de dos semanas Ive estado tratando de conseguir un trozo de código juntos, pero seguir corriendo en las paredes de ladrillo sin fin. Yo habría pensado que esto iba a ser fácil pero no ha habido nadie ahí fuera capaz de mostrarme la solución final hasta el momento.

Im que busca un resultado similar a este http://www.republicofcode tutorial. (ponga aquí COM) / tutoriales / flash / xmlimagegallery / pero con algunos cambios específicos. No he subido mis intentos en el código, ya que probablemente complicará las cosas.

Los archivos fuente se encuentra en la parte inferior de este enlace: http://www.republicofcode. (ponga aquí COM) / tutorials/flash/xmlimagegallery/7.php

Lo que estoy tratando de conseguir es la galería de arriba, pero que específicamente hace lo siguiente cuando se presiona una miniatura:

- Mostrar el preloader (aunque manteniendo la imagen actual en pantalla).
- Cuando el preloader ha terminado luego se van desvaneciendo la imagen actual a la alfa = 0
- Leve pausa
- Después de la pausa se desvanecen en la siguiente imagen para alfa = 100.

- Además Ive estado tratando de obtener el alfa de imágenes en miniatura para el 50%. Luego, el onRollOver y onRelease para configurar el alfa y el 100%. Similar a esta: http://www.republicofcode. (ponga aquí COM) / tutoriales / flash / ImageGallery /

Si alguien realmente puede hacer este post, por favor. Pero no puesto a menos que haya probado y confirmado, porque no puedo estar corriendo hacia atrás y hacia adelante nunca más.

PS Ive hade com poner entre paréntesis que me permita publicar una URL
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Enero 18th, 2010, 4:59 pm

  • Playdo
  • Born
  • Born
  • No Avatar
  • Registrado: Ene 18, 2010
  • Mensajes: 2
  • Status: Offline

Nota Enero 18th, 2010, 5:01 pm

A continuación se muestra el código de tutoriales:

Código: [ Select ]
import mx.transitions.Tween;
import mx.transitions.easing.*;

var myGalleryXML = new XML();
myGalleryXML.ignoreWhite = true;
myGalleryXML.load("gallery.xml");

myGalleryXML.onLoad = function() {
_root.gallery_x = myGalleryXML.firstChild.attributes.gallery_x;
_root.gallery_y = myGalleryXML.firstChild.attributes.gallery_y;
_root.gallery_width = myGalleryXML.firstChild.attributes.gallery_width;
_root.gallery_height = myGalleryXML.firstChild.attributes.gallery_height;

_root.myImages = myGalleryXML.firstChild.childNodes;
_root.myImagesTotal = myImages.length;

_root.thumb_height = myGalleryXML.firstChild.attributes.thumb_height;
_root.thumb_width = myGalleryXML.firstChild.attributes.thumb_width;

_root.full_x = myGalleryXML.firstChild.attributes.full_x;
_root.full_y = myGalleryXML.firstChild.attributes.full_y;

callThumbs();
createMask();
scrolling();

};

function callThumbs() {
_root.createEmptyMovieClip("container_mc",_root.getNextHighestDepth());
container_mc._x = _root.gallery_x;
container_mc._y = _root.gallery_y;

var clipLoader = new MovieClipLoader();
var preloader = new Object();
clipLoader.addListener(preloader);

for (i=0; i<myImagesTotal; i++) {
thumbURL = myImages[i].attributes.thumb_url;
myThumb_mc = container_mc.createEmptyMovieClip(i, container_mc.getNextHighestDepth());
myThumb_mc._y = _root.thumb_height*i;
clipLoader.loadClip("thumbs/"+thumbURL,myThumb_mc);

preloader.onLoadStart = function(target) {
target.createTextField("my_txt",target.getNextHighestDepth(),0,0,100,20);
target.my_txt.selectable = false;
};


preloader.onLoadProgress = function(target, loadedBytes, totalBytes) {
target.my_txt.text = Math.floor((loadedBytes/totalBytes)*100);
};

preloader.onLoadComplete = function(target) {
new Tween(target, "_alpha", Strong.easeOut, 0, 100, .5, true);
target.my_txt.removeTextField();
target.onRelease = function() {
callFullImage(this._name);
};

target.onRollOver = function() {
this._alpha = 50;
};

target.onRollOut = function() {
this._alpha = 100;
};


};
}
}



function callFullImage(myNumber) {

myURL = myImages[myNumber].attributes.full_url;
myTitle = myImages[myNumber].attributes.title;
_root.createEmptyMovieClip("fullImage_mc",_root.getNextHighestDepth());
fullImage_mc._x = _root.full_x;
fullImage_mc._y = _root.full_y;

var fullClipLoader = new MovieClipLoader();
var fullPreloader = new Object();
fullClipLoader.addListener(fullPreloader);

fullPreloader.onLoadStart = function(target) {
target.createTextField("my_txt",fullImage_mc.getNextHighestDepth(),0,0,200,20);
target.my_txt.selectable = false;
};

fullPreloader.onLoadProgress = function(target, loadedBytes, totalBytes) {
target.my_txt.text = Math.floor((loadedBytes/totalBytes)*100);
};

fullPreloader.onLoadComplete = function(target) {
new Tween(target, "_alpha", Strong.easeOut, 0, 100, .5, true);
target.my_txt.text = myTitle;
};

fullClipLoader.loadClip("full_images/"+myURL,fullImage_mc);

}

function createMask() {

_root.createEmptyMovieClip("mask_mc",_root.getNextHighestDepth());

mask_mc._x = _root.gallery_x;
mask_mc._y = _root.gallery_y;

mask_mc.beginFill(0x000000,100);
mask_mc.lineTo(_root.gallery_width,0);
mask_mc.lineTo(_root.gallery_width,_root.gallery_height);
mask_mc.lineTo(0,_root.gallery_height);
mask_mc.lineTo(0,0);

container_mc.setMask(mask_mc);

}

function scrolling() {
_root.onEnterFrame = function() {

container_mc._y += Math.cos(((mask_mc._ymouse)/mask_mc._height)*Math.PI)*15;

if (container_mc._y>mask_mc._y) {
container_mc._y = mask_mc._y;
}

if (container_mc._y<(mask_mc._y-(container_mc._height-mask_mc._height))) {
container_mc._y = mask_mc._y-(container_mc._height-mask_mc._height);
}

};
}
  1. import mx.transitions.Tween;
  2. import mx.transitions.easing.*;
  4. var myGalleryXML = new XML();
  5. myGalleryXML.ignoreWhite = true;
  6. myGalleryXML.load("gallery.xml");
  8. myGalleryXML.onLoad = function() {
  9. _root.gallery_x = myGalleryXML.firstChild.attributes.gallery_x;
  10. _root.gallery_y = myGalleryXML.firstChild.attributes.gallery_y;
  11. _root.gallery_width = myGalleryXML.firstChild.attributes.gallery_width;
  12. _root.gallery_height = myGalleryXML.firstChild.attributes.gallery_height;
  14. _root.myImages = myGalleryXML.firstChild.childNodes;
  15. _root.myImagesTotal = myImages.length;
  17. _root.thumb_height = myGalleryXML.firstChild.attributes.thumb_height;
  18. _root.thumb_width = myGalleryXML.firstChild.attributes.thumb_width;
  20. _root.full_x = myGalleryXML.firstChild.attributes.full_x;
  21. _root.full_y = myGalleryXML.firstChild.attributes.full_y;
  23. callThumbs();
  24. createMask();
  25. scrolling();
  27. };
  29. function callThumbs() {
  30. _root.createEmptyMovieClip("container_mc",_root.getNextHighestDepth());
  31. container_mc._x = _root.gallery_x;
  32. container_mc._y = _root.gallery_y;
  34. var clipLoader = new MovieClipLoader();
  35. var preloader = new Object();
  36. clipLoader.addListener(preloader);
  38. for (i=0; i<myImagesTotal; i++) {
  39. thumbURL = myImages[i].attributes.thumb_url;
  40. myThumb_mc = container_mc.createEmptyMovieClip(i, container_mc.getNextHighestDepth());
  41. myThumb_mc._y = _root.thumb_height*i;
  42. clipLoader.loadClip("thumbs/"+thumbURL,myThumb_mc);
  44. preloader.onLoadStart = function(target) {
  45. target.createTextField("my_txt",target.getNextHighestDepth(),0,0,100,20);
  46. target.my_txt.selectable = false;
  47. };
  50. preloader.onLoadProgress = function(target, loadedBytes, totalBytes) {
  51. target.my_txt.text = Math.floor((loadedBytes/totalBytes)*100);
  52. };
  54. preloader.onLoadComplete = function(target) {
  55. new Tween(target, "_alpha", Strong.easeOut, 0, 100, .5, true);
  56. target.my_txt.removeTextField();
  57. target.onRelease = function() {
  58. callFullImage(this._name);
  59. };
  61. target.onRollOver = function() {
  62. this._alpha = 50;
  63. };
  65. target.onRollOut = function() {
  66. this._alpha = 100;
  67. };
  70. };
  71. }
  72. }
  76. function callFullImage(myNumber) {
  78. myURL = myImages[myNumber].attributes.full_url;
  79. myTitle = myImages[myNumber].attributes.title;
  80. _root.createEmptyMovieClip("fullImage_mc",_root.getNextHighestDepth());
  81. fullImage_mc._x = _root.full_x;
  82. fullImage_mc._y = _root.full_y;
  84. var fullClipLoader = new MovieClipLoader();
  85. var fullPreloader = new Object();
  86. fullClipLoader.addListener(fullPreloader);
  88. fullPreloader.onLoadStart = function(target) {
  89. target.createTextField("my_txt",fullImage_mc.getNextHighestDepth(),0,0,200,20);
  90. target.my_txt.selectable = false;
  91. };
  93. fullPreloader.onLoadProgress = function(target, loadedBytes, totalBytes) {
  94. target.my_txt.text = Math.floor((loadedBytes/totalBytes)*100);
  95. };
  97. fullPreloader.onLoadComplete = function(target) {
  98. new Tween(target, "_alpha", Strong.easeOut, 0, 100, .5, true);
  99. target.my_txt.text = myTitle;
  100. };
  102. fullClipLoader.loadClip("full_images/"+myURL,fullImage_mc);
  104. }
  106. function createMask() {
  108. _root.createEmptyMovieClip("mask_mc",_root.getNextHighestDepth());
  110. mask_mc._x = _root.gallery_x;
  111. mask_mc._y = _root.gallery_y;
  113. mask_mc.beginFill(0x000000,100);
  114. mask_mc.lineTo(_root.gallery_width,0);
  115. mask_mc.lineTo(_root.gallery_width,_root.gallery_height);
  116. mask_mc.lineTo(0,_root.gallery_height);
  117. mask_mc.lineTo(0,0);
  119. container_mc.setMask(mask_mc);
  121. }
  123. function scrolling() {
  124. _root.onEnterFrame = function() {
  126. container_mc._y += Math.cos(((mask_mc._ymouse)/mask_mc._height)*Math.PI)*15;
  128. if (container_mc._y>mask_mc._y) {
  129. container_mc._y = mask_mc._y;
  130. }
  132. if (container_mc._y<(mask_mc._y-(container_mc._height-mask_mc._height))) {
  133. container_mc._y = mask_mc._y-(container_mc._height-mask_mc._height);
  134. }
  136. };
  137. }

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 2 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 53 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC