Comunidad de diseño web y desarrollo en internet online

GALERIA XML HORIZONTAL

Citar            
MensajeEscrito el 24 Ene 2008 06:06 pm
HOLA AQUI LES DEJO UNA GALERIA XML CON DOS TIRAS DE THUMBS (10 CADA TIRA)

ESTA DEMAS DECIR QUE LAS FOTOS CHICAS DEBEN IR EN UNA CARPETA Y LAS FOTOS GRANDES EN OTRA. ESTAS DOS CARPETAS A SU VEZ VAN TODAS DENTRO OTRA EN DONDE VA A ESTAR TAMBIEN NUESTRO XML QUE PASO A ESCRIBIR

Código :

<?xml version="1.0" encoding = "utf-8" ?>
<galeria>
<fotos archivo="thumb1.jpg" nombre="1" archivogrande="1.jpg"/>
<fotos archivo="thumb2.jpg" nombre="2" archivogrande="2.jpg"/>
<fotos archivo="thumb3.jpg" nombre="3" archivogrande="3.jpg"/>
<fotos archivo="thumb4.jpg" nombre="4" archivogrande="4.jpg"/>
<fotos archivo="thumb5.jpg" nombre="5" archivogrande="5.jpg"/>
<fotos archivo="thumb6.jpg" nombre="6" archivogrande="6.jpg"/>
<fotos archivo="thumb7.jpg" nombre="7" archivogrande="7.jpg"/>
<fotos archivo="thumb8.jpg" nombre="8" archivogrande="8.jpg"/>
<fotos archivo="thumb9.jpg" nombre="9" archivogrande="9.jpg"/>
<fotos archivo="thumb10.jpg" nombre="10" archivogrande="10.jpg"/>
<fotos archivo="thumb11.jpg" nombre="11" archivogrande="11.jpg"/>
<fotos archivo="thumb12.jpg" nombre="12" archivogrande="12.jpg"/>
<fotos archivo="thumb13.jpg" nombre="13" archivogrande="13.jpg"/>
<fotos archivo="thumb14.jpg" nombre="14" archivogrande="14.jpg"/>
<fotos archivo="thumb15.jpg" nombre="15" archivogrande="15.jpg"/>
<fotos archivo="thumb16.jpg" nombre="16" archivogrande="16.jpg"/>
<fotos archivo="thumb17.jpg" nombre="17" archivogrande="17.jpg"/>
<fotos archivo="thumb18.jpg" nombre="18" archivogrande="18.jpg"/>
<fotos archivo="thumb19.jpg" nombre="19" archivogrande="19.jpg"/>
<fotos archivo="thumb20.jpg" nombre="20" archivogrande="20.jpg"/>
</galeria>


AHORA... EN EL FOTOGRAMA PRINCIPAL EL SIGUIENTE CODIGO

Código :

///////////////////////////////////////
//////////////////////////////////////
//lapelicula esta a 24fps para que el efecto over de los botones sea mas suave y quede mejor
var prof:Number = 0;
createEmptyMovieClip("galeria",prof++);
galeria._x = 0;
galeria._y = 0;
///////////////////////////////////////
//////////////////////////////////////
function carga_XML() {
   menu = new XML();
   //define un objeto del tipo XML.
   menu.load("galeria.xml");
   //si esta dentro de la misma carpeta lo dejo asi, sino le pongo la ruta completa.
   menu.onLoad = interprete;
   menu.ignoreWhite = true;
}
function interprete() {
   menuArray = menu.firstChild.childNodes;
   var y:Number = 480;
   //coordenadas y para botones
   var x:Number = 5;
   // coordenadas x para botones
   var i:Number = 0;
   //indice = for 
   for (i=0; i<menuArray.length; i++) {
      galeria.attachMovie("marco","marco"+i,prof++,{_x:x, _y:y, grande:menuArray[i].attributes.archivogrande});
      //y += 50; // distancia entre thumbs
      x += 70;
      if (x>70*10) { 
         y= 400;
         x= 5;
      }

      // galeria horizontal 
      //distancia entre botones
      //y = +10;
      //alto del clip
      loadMovie("foto_chica/"+menuArray[i].attributes.archivo, galeria["marco"+i].contenedor);
   }
}
///////////////////////////////////////
//////////////////////////////////////
carga_XML();
createEmptyMovieClip("fgrande",prof++);
fgrande._x = 7;
// coordenadas para la foto grande dentro del stage
fgrande._y = 50;
///////////////////////////////////////
//////////////////////////////////////


LO QUE TENEMOS QUE HACER EN EL .FLA ES NUESTRO CONTENEDOR

Creamos un boton de 50x50 px que vamos a ponerle el centro en el angulo superior izquierdo.
En otra capa creamos un clip de iguales medidas. Este si va ser centrado (al medio).
De nombre de instacia le ponemos "contenedor".
Ahora entramos al clip "contenedor" y lo convertimos nuevamente en clip, le ponemos de nombre "clip1". Resumiendo : es un clip dentro de otro.

CODIGO PARA EL BOTON
...

Código :

on (release) {
   loadMovie("foto_grande/"+grande, _parent._parent.fgrande);
}



Si hicieorn todo bien van a quedar dos capas: una con el contenedor y otra con el boton.

ESTAS DOS CAPAS VAN A SU VEZ DENTRO DE UN CLIP AL CUAL VAMOS A LLAMAR MARCO
(nombre de clip y de instancia)

Todo esto lo borramos del stage y dejamos en la biblioteca. Vinculamos para as...

EL STAGE QUEDA VACIO

Recomiendo hacer el stage de 700x550px
Las imagenes grandes de aprox 680 x 300px ( asi ven bien el efecto )
Las imagenes chicas de 60x60px

LO QUE ME GUSTARIA ES AGRAGARLE UNA BARRA DE CARGANDO CADA VEZ QUE ABRIMOS UNA FOTO.
TAMBIEN ESTARIA BUENO UN CARGANDO PARA LAS FILAS DE MINIATURAS.

ESPERO QUE LES GUSTE Y QUE PODAMOS MEJORARLA
VOY A TRATAR DE SUBIR EL FLA A ALGUN LADO.

RECOMIENDEN A DONDE. "RARHOST" SIEMPRE ME TERMINA BORRANDO TODO DESPUES DE UN TIEMPO

GRACIAS A ANDURINO POR LA AYUDA ! TODOS LOS MERITOS PARA ÉL

:.Mauri.

Por mnico

18 de clabLevel



Genero:Masculino  

msie7
Citar            
MensajeEscrito el 03 Mar 2008 01:27 pm
se puede conseguir el archivo flash de este ejemplo

Por chefnelone

41 de clabLevel



Genero:Masculino  

safari
Citar            
MensajeEscrito el 07 Mar 2008 03:35 pm
Lo primero que busco siempre antes de leerme todo el codigo es como se mira finalmente (el ejemplo)
puedes ponerlo?

Por eveevans

Claber

450 de clabLevel

3 tutoriales

 

Nicaragua

firefox
Citar            
MensajeEscrito el 15 Abr 2008 08:57 pm
Aca esta el ejemplo dela galería, disculpas por la demora.

http://postmultimedia.com/test/grafica/galeria_post_grafica.html


SI ALGUIEN SABE COMO LOGRAR DARLE ALGÚN EFECTO SE AGRADECE.
ALGO TIPO UN ALPHA CADA VEZ QUE CARGO UNA FOTO O ALGO POR EL ESTILO.
SINO QUEDA MUY CUADRARDA Y ABURRIDA. MIS CONOCIMIENTOS LLEGAN HASTA ACA.

SALUDOS Y DISCULPAS POR LA DEMORA.

Y NO SUBO EL FLA XQ NO TENGO IDEA COMO

SALU2,

:.Mauri.

Por mnico

18 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 15 Abr 2008 09:04 pm
Una forma facil es con la exrension
MovieClip Tweening Proptotypes
(no me acuerdo de la direccion XD)

Por eveevans

Claber

450 de clabLevel

3 tutoriales

 

Nicaragua

firefox
Citar            
MensajeEscrito el 15 Abr 2008 09:24 pm
:? en español ?

expliquen como puedo subir el fla y que alguien la siga y la comprata como hice yo
es la gracia de esto tambien. no?

Saludos,

:.Mauri.



:wink:

Por mnico

18 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 16 Abr 2008 04:37 am

mnico escribió:

:? en español ?

expliquen como puedo subir el fla y que alguien la siga y la comprata como hice yo
es la gracia de esto tambien. no?

Saludos,

:.Mauri.



:wink:

Verás, mnico, este no es un foro de share, es un foro técnico. No puedes subir archivos acá. Lo que puedes hacer es subirlo a tu hosting (si tienes) o a un hosting gratuito y poner acá la dirección. Pero eso no asegura que alguien haga lo que pides.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 16 Abr 2008 02:11 pm
Ok, gracias pero te cuento por las dudas que yo no quiero que nadie haga el trabajo por mí.
Yo si pongo esto es para aportar algo a los que siempre me han ayudado sin pre-juzgar, es verdad que me equivoque de foro y debería de haberlo posteado en un foro de shear. Te pido las disculpas del caso. Igualmente espero que le sirva esto a alguien y lo pueda mejorar para beneficio propio.

Salu2,

:.Mauri.

:cool:

Por mnico

18 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.