Comunidad de diseño web y desarrollo en internet online

Creación de una galeria

Citar            
MensajeEscrito el 16 Dic 2005 11:40 pm
Hola bueno mi idea es esta... me gustaria crear una especia de galeria de imagenes.. pero no se por donde cojerla. La idea es para q sea esto un poco dinamico cargar las imagenes desde un xml y colocandolas en el escenario.... esto en principio no tendria q tener problema.
Donde dudo es en q yo las imagenes de un buen principio pues quiero q se vean todas menuda y cuando le den clik q se amplien al tamaño natural y mas a mas q las puedan arrastrar y cuando sulten q disminuya la imagen y se quede en el sitio q la solto. Esto no se por donde cogerlo.

A ver si alguine me puede echar un cable.

Por carter15

73 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Dic 2005 11:41 pm

Por Zarzamora

BOFH

3056 de clabLevel

3 tutoriales
12 articulos

 

firefox
Citar            
MensajeEscrito el 16 Dic 2005 11:59 pm
uf empaparme de ese codigo me llevaria mucho tiempo!!! Ya q la galeria es completisima y esta genial!!! pero Yo no necesito q haga tanta cosa. Lo unico es q cuando lo den click se aunmente como en la galeria de clab y q la puedan soltar donde quieran.... a ver si en ayuda de flash hay algo.GRACIAS

Por carter15

73 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Dic 2005 03:16 am
Hola amigo.....

Algo asi como esto?

http://alejopiero.iespana.es/flog2.html

Esa la hice yo y esta muy simple.
Saludos.

Por alejopiero

25 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Dic 2005 11:57 am
pues no, no es eso lo q busco, esa galeria sino recuerdo masl se encuntra en las plantillas de flash mx 2004, no esta mal, pero no es lo q busco.GRACIAS.

Por carter15

73 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Mar 2006 10:59 pm
Hola como estas? Sad
Aquí tienes una galería bastante buena, simple de usar.
http://www.prothotype.com/blog/2005/12/18/galeria-php-con-thumbs/
Lo único que no tiene configurado para paginar a una cierta cantidad de imágenes.
Aprovecho para ver si alguien puede darme una mano en implementarle a ese código la paginación.
Saludos

Por Lowrider

2 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 17 Mar 2006 06:24 pm
Puede que esta te sirva. Es puro código y parametrizable. La carga está con Attach pero puede cambiarse sin ninguna dificultad a Load

En esta dir he puesto un ejemplo random:
http://www.telecable.es/personales/terepardo1/SWFs/scroll%20horizontal.swf

y el código único es este:

Código :

/*
SCROLL HORIZONTAL CONTINUO Flash MX   by    Teseo 
No es necesario redimensionar las imágenes, se autoajustan. 
Montar cada imagen en un MC para attach y vincularlos
con nombres  MC1 , MC2 , MC3  ......etc.
Definir las variables de inicio según necesidad.
*/
Nmcs = 11;// numero de MC´s para scrolling
espacio = 10;//espacio que se deja entre las fotos
Xc = 5;//coordenada x  de la caja del scroll
Yc = 5;//coordenada y  de la caja del scroll
Xo = 10;// coordenada x origen visor
Yo = 135;// coordenada y origen visor
Xf = 797;// coordenada x extremo visor (Xo + ancho)
Yf = 570;// coordenada y extremo visor (Yo = alto)
alturamax = 90;//para reescalar si la imagen es mas alta
anchmax = 793;//anchura maxima del scroll
velo = velobase=1;//velocidad  base pos o neg
ajuste = false;//true: iguala los altos a alturamax
aleatorio = true;// false: no carga aleatoriamente
bandapelicula = true; // false para quitar banda de cine
//end de variables de inicio
cl=new Array(0x000000,0x0000ff,0xff0000,0xffffff);
barajar(Nmcs);
createEmptyMovieClip("imgMC", 1);
imgMC._y = Yc;
actual = 0;
anchomas = 0;
altomas = 0;
mc = [];
A = Nmcs*2;
for (k=0; k<A; k++){
   mc[k] = imgMC.attachMovie("MC"+bar[k%Nmcs],"MC"+bar[k%Nmcs],100+k);
   with (mc[k]){
      _x = actual;
      _y= 15;
      if (_height>alturamax || ajuste){
         _yscale = alturamax*100/_height;
         _xscale = _yscale;
      }
      _width>anchomas ? anchomas=_width : null;
      _height>altomas ? altomas=_height : null;
      actual += _width+espacio;
   }
}
actual/2>anchmax ? anchura=anchmax : anchura=actual/2;
mc[A] = createEmptyMovieClip("m",0);
marco(A,Xo,Yo,Xf,Yf,5,cl[0],cl[0],8);
mc[A+2]=imgMC.createEmptyMovieClip("mascara",199);
marco(A+2,0,0,anchura,altomas+30,5,0,cl[3],20);
imgMC._x = Xc-anchomas;
bandapelicula ? bandafilm(): null;
imgMC.mascara._x = anchomas;
imgMC.setMask(imgMC.mascara);
onEnterFrame = function (){
   for (k=0; k<Nmcs*2; k++){
      with (mc[k]){
         _x += velo;
         _x-actual>=velo ? _x -= actual : null;
         _x<=0 ? _x += actual : null;
         condicion(k) ? borde(k) : mc1.removeMovieClip();
      }
   }
   mc[A+5]._x=(mc[A+5]._x+ velo)%25 ;
}
function borde(k) {
   mc[A+3]=mc[k].createEmptyMovieClip("mc1", 201);
   marco(A+3,5,5,mc[k]._width-5,mc[k]._height-5,2,0xfff00,0xff0000,10);
   mc[A+3]._xscale = 10000/mc[k]._xscale;
   mc[A+3]._yscale = 10000/mc[k]._yscale;
   activo = k;
}
function mmin() {
   velo = 0;
   xm = _xmouse;
   imgMC.mascara.onMouseMove = function() {
      if (Math.abs(xm-_xmouse)>30) {
         velo = (Xc+imgMC.mascara._width/2-_xmouse)/20;
         actpress = false;
      }
   };
}
function condicion(k) {
   with (mc[k]) {
      return (_width*100/_xscale>_xmouse && _xmouse>0 
            && _height*100/_yscale>_ymouse && _ymouse>0 
            && imgMC.mascara._width>imgMC.mascara._xmouse 
            && imgMC.mascara._xmouse>0);
   }
}
imgMC.mascara.onPress = function() {
   velo = 0;
   entra = true;
   actpress && condicion(activo) ? openimg(activo) : null;
   delete imgMC.mascara.onMouseMove;
};
imgMC.mascara.onRelease = function() {
   mmin();
   entra = false;
   actpress = true;
};
imgMC.mascara.onRollOut = function() {
   velobase * velo>=0 ? velo=velobase: velo=-velobase;
   delete imgMC.mascara.onMouseMove;
};
imgMC.mascara.onRollOver = function() {
   mmin();
};

function barajar(clips) {
   bar = [];
   for (var m = 0; m<clips; m++) {
      bar[m] = m;
   }
   if (aleatorio) {
      for (var i = clips-1; i>0; i--) {
         alea = Math.floor(i*Math.random());
         var temp = bar[i];
         bar[i] = bar[alea];
         bar[alea] = temp;
      }
   }
}


function openimg(k) {
   if (entra) {
      _root.attachMovie("MC"+(bar[k%Nmcs]), "vista", 220);
      vista._width = Xf-Xo-3;
      vista._yscale = vista._xscale;
      if (vista._height>Yf-Yo-3) {
         vista._height = Yf-Yo-3;
         vista._xscale = vista._yscale;
      }
      vista._x = Xo+(Xf-Xo-vista._width)/2;
      vista._y = Yo+(Yf-Yo-vista._height)/2;
      vista.onPress = function() {
         vista.removeMovieClip();
      }
   }
   !entra ? vista.removeMovieClip() : null;
}


function marco(k, Xo, Yo, Xf, Yf,la, color, color2, alpha) {
   with (mc[k]) {
      lineStyle(la, color, 90);
      beginFill(color2, alpha);
      moveTo(Xo, Yo);
      lineTo(Xf,Yo);
      lineTo(Xf, Yf);
      lineTo(Xo,Yf);
      lineTo(Xo, Yo);
      endFill();
   }
}


function bandafilm(){
   mc[A+5]=imgMC.createEmptyMovieClip("banda",5);
   marco(A+5,anchomas-25, 0,anchomas+anchura+25, altomas+30, 0, cl[0], cl[0], 80);
      for (b=0; b<=anchura+50; b+=25){
           marco(A+5,-25+b+anchomas,4,-25+b+10+anchomas , 11, 0,cl[3],cl[3], 80);   
           marco(A+5,-25+b+anchomas, altomas+19,-25+b+10+anchomas , 26+altomas, 0,cl[3],cl[3], 80);
      }
}




Por Teseo

SWAT Team

1780 de clabLevel

14 tutoriales

Genero:Masculino   SWAT

firefox
Citar            
MensajeEscrito el 17 Mar 2006 11:29 pm
Gracias por la respuesta...pero en realidad no es lo que busco, el codigo que digo en el post anterior me queda de 10 para lo que necesito hacer, solo me faltaria la paginación, por que si le cargo 3500 fotos me las carga a todas en la misma pagina.
Saludos

Por Lowrider

2 de clabLevel



Genero:Masculino  

firefox

 

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