Comunidad de diseño web y desarrollo en internet online

Carrusel de imagenes en flash

Citar            
MensajeEscrito el 04 Ene 2010 08:17 pm
:oops: hola a todos soy nueva en asuntos relacionados con flash y xml, aunq no ando tan perdida jeje ^^ bueno les cuento: quiero hacer un carrusel con imagenes que tengan reflejo en flash y k al dar clic en cada imagen me mande a otra pagina donde se vea la imagen en tamaño real y la descripcion de la misma es para mi web y de verdad que me urge jiji!!!! xfaaaa contestenme :P ^^

Por chocoretita

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Ene 2010 01:30 am
qué código tienes o qué tip/tutorial usas??

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 05 Ene 2010 01:42 am
¿Que es lo que puntualmente no te funciona?

Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

firefox
Citar            
MensajeEscrito el 05 Ene 2010 06:13 am
este es mi codigo ya funciona m manda a llamar mis imagenes, pero :oops: :oops: lo k ahora kiero hacer es k cada imagen tenga una descripcion distinta y como apenas voy empezando no tengo idea de como hacerlo, pense hacerlo al principio con el xml estoy mal ??? muchas gracias por contestar

codigo del flash

// ++++ Carrusel v1.0 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// ajustes para la carga del xml
System.useCodepage = true;
XML.prototype.ignoreWhite = true;
// para no tener que escribir la ruta completa de las clases que usaremos más adelante
import flash.display.BitmapData;
import flash.geom.Rectangle;
import flash.geom.Matrix;
// -----------------------------------------------------------------------------
// ----- ajustes personalizables -----------------------------------------------
// -----------------------------------------------------------------------------
// ancho carrusel en px
var ancho_carrusel:Number = 1500;
// ancho de miniatura en su punto máx (en el centro del carrusel) en px
var ancho_miniatura:Number = 300;
// velocidad en escala inversa, cuanto menor sea su valor más rápido gira
var v_giro:Number=200;
var reflejar:Boolean = true;
// color de fondo para que el reflejo quede bien
var color_fondo:Number = 0xF4F4F4;
// array donde metemos los elementos del XML
var x0:Number = 410;
var y0:Number = 800;
var url_fotos:String = "GaleriaCasa/verImagenes.xml";
var dir_minis:String = "GaleriaCasa/original/";
// ------------------------------------------------------------------------------
// ----- fin ajustes personalizables --------------------------------------------
// ------------------------------------------------------------------------------
// objeto XML que carga la lista de miniaturas
// Hasta aquí hemos definido una serie de ajustes iniciales.
var IMG_array:Array;
var incre:Number = 0;
var num_fotos:Number;
var num_fotos_cargadas:Number;
var radio:Number = (ancho_carrusel-ancho_miniatura-10)*0.5;
var miniaturasXML:XML = new XML();
miniaturasXML.onLoad = cargarMiniaturas;
miniaturasXML.load(url_fotos);
// funcion que se ejecuta al cargar el XML
function cargarMiniaturas():Void {
IMG_array = this.firstChild.childNodes;
num_fotos = 11;
//num_fotos = IMG_array.length;
var contenedor:MovieClip = _root.createEmptyMovieClip("contenedor_mc", _root.getNextHighestDepth());
contenedor._y = y0;
contenedor._visible = false;
var carrusel:MovieClip = contenedor.createEmptyMovieClip("carrusel_miniaturas_mc", contenedor.getNextHighestDepth());
// lo posiciono donde nos conviene
carrusel._x = x0;
//carrusel._y = y0;
num_fotos_cargadas = 0;
for (var k:Number = 0; k<num_fotos; k++) {
crearMiniatura(IMG_array[k].attributes.nombre,k);
}

}
function crearMiniatura(ruta:String, orden:Number):Void {
trace("ruta = "+ruta);
// clip contendrá la imagen
var clip:MovieClip = contenedor_mc.carrusel_miniaturas_mc.createEmptyMovieClip("foto_"+orden, contenedor_mc.carrusel_miniaturas_mc.getNextHighestDepth());
clip.forceSmoothing = true;
var dentro:MovieClip = clip.createEmptyMovieClip("foto", clip.getNextHighestDepth());
dentro.forceSmoothing = true;
clip.orden = orden;
// para cargar la miniatura definimos un objeto MovieClipLoader
// y un objeto detector de eventos
var mi_mcl:MovieClipLoader = new MovieClipLoader();
var miListener:Object = new Object();
mi_mcl.addListener(miListener);
// cargamos la imagen
mi_mcl.loadClip(dir_minis+ruta,dentro);
//mi_mcl.loadClip("http://www.tutoriales-flash.com//miniaturas/"+ruta,dentro);
miListener.onLoadStart = function(target_mc:MovieClip) {
// cuando comienza la carga de la imagen
// ponemos al _alpha a 0
target_mc._alpha = 0;
};
miListener.onLoadProgress = function(target_mc:MovieClip, bytesLoaded:Number, bytesTotal:Number) {
// aquí podéis poner acciones para mostrar una precarga,
// este caso no lo hemos considerado oportuno
};
// cuando ya se ha completado la carga y tenemos disponible el clip
miListener.onLoadInit = function(target_mc:MovieClip) {
//target_mc.smoothBitmap();
var coef:Number = target_mc._width/ancho_miniatura;
target_mc._height = int(target_mc._height/coef);
target_mc._width = ancho_miniatura;
target_mc._alpha = 100;
target_mc._x = -(int(target_mc._width*0.5));
target_mc._y = 0;
target_mc.onRelease = function() {
// acciones al hacer clic en la foto
if (ruta.indexOf(".gif") != -1) {
var temp_array:Array = ruta.split(".gif");
getURL("mostrarImagen.php?id_imagen="+temp_array[0],"mainFrame");
} else {
getURL("index.php", "_blank");
}
};
num_fotos_cargadas++;
//trace("onLoadInit: "+orden+" | cargadas: "+num_fotos_cargadas+"/"+num_fotos);
if (num_fotos_cargadas>=num_fotos) {
setTimeout(_root.girar_carrusel,500);
}
};
}
function girar_carrusel() {
contenedor_mc._y = y0-contenedor_mc._height;
if (reflejar) {
var reflejo:MovieClip = _root.createEmptyMovieClip("reflejo_miniaturas_mc", _root.getNextHighestDepth());
reflejo._yscale = -100;
reflejo._y = contenedor_mc._y+contenedor_mc._height*2+1;
var myMatrix:Matrix = new Matrix();
myMatrix.createGradientBox(ancho_carrusel,contenedor_mc._height,Math.PI/2,0,-15);
var sombreado:MovieClip = _root.createEmptyMovieClip("sombreado_mc", _root.getNextHighestDepth());
var colors:Array = [color_fondo, color_fondo, color_fondo];
var alphas:Array = [40, 90, 100];
var ratios:Array = [0, 160, 255];
sombreado.beginGradientFill("linear",colors,alphas,ratios,myMatrix);
sombreado.moveTo(0,0);
sombreado.lineTo(ancho_carrusel,0);
sombreado.lineTo(ancho_carrusel,contenedor_mc._height);
sombreado.lineTo(0,contenedor_mc._height);
sombreado.lineTo(0,0);
sombreado._y = y0+1;
sombreado._x = x0-sombreado._width*0.5;
}
delete contenedor_mc.onEnterFrame;
contenedor_mc.onEnterFrame = function() {
incre += (_root._xmouse-x0)/_root.v_giro;
for (var k:Number = 0; k<=num_fotos; k++) {
this.carrusel_miniaturas_mc["foto_"+k].girar();
}
if (reflejar) {
var bmp:BitmapData = new BitmapData(ancho_carrusel+100, this._height, true, 0x00000000);
var myRectangle:Rectangle = new Rectangle(0, 0, ancho_carrusel+100, this._height);
bmp.draw(this,new Matrix(),new ColorTransform(),"normal",myRectangle,true);
_root.reflejo_miniaturas_mc.attachBitmap(bmp,1,"auto",true);
}
};
contenedor_mc._visible = true;
}
MovieClip.prototype.girar = function() {
var degrees:Number = _root.incre+(360*this.orden/num_fotos);
var radians:Number = degrees*Math.PI/180;
if (Math.sin(radians)<0) {
this._alpha = 15;
} else {
this._alpha = 100;
}
this._x = radio*Math.cos(radians);
this._xscale = (1-Math.cos(radians+Math.PI*0.5))*99-99;
this.swapDepths(int(this._xscale*10));

};

Por chocoretita

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Ene 2010 06:16 am

Hernán escribió:

¿Que es lo que puntualmente no te funciona?

Saludos, Hernán . -


:D gracias hernán

Por chocoretita

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Ene 2010 06:16 am

nasho escribió:

qué código tienes o qué tip/tutorial usas??

:D gracias nacho

Por chocoretita

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Ene 2010 01:20 pm
Este es el problema de solamente copiar código. Somos una comunidad de aprendizaje, no de ayuda gratis. Podemos guiarte a una solución, pero no leer todo el código, buscar donde esta el problema, resolverlo y pasartelo.

Lo que te sugiero es que intentes comprender el código, encuentres la zona donde crees que deberías editar, intentar hacer esa edición y luego sino te funciona consultar en el foro. Así realmente te podemos ayudar.

Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

firefox
Citar            
MensajeEscrito el 05 Ene 2010 06:20 pm
:shock: de verdad que ya estuve checando todo el codigo, es más yo no lo hice entre a trabajar en una empresa en donde ya staba hecho por el antiguo empleado :oops: y como no dejo respaldo ni nada ps por eso lo puse aunk edite el xml en sii yo pensaba hacerlo con una conexion a base de datos, por eso pregunte si staba mal usar un xml por que soy nueva en esto, no tengo la culpa de k hayan usado algo k solo pegaron y copiaron :oops: de todas maneras muchas gracias hernán

Por chocoretita

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Ene 2010 03:16 am
La verdad yo personalmente no me pondré a leer todo ese código. Lo siento. Eso sería hacer por completo el trabajo y estamos aquí solo para guiarte. Disculpame.

Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

firefox
Citar            
MensajeEscrito el 07 Ene 2010 03:58 am
para empezar yo no te dije k lo leyeras todo y m lo resolvieras por si no leiste bien :? , puse k ya sabia como funcionaba solo keria k m dijieran si podia hacer k se visualizara una descripción(texto) con la imagen atraves de mi xml que ya genere más no k no sabia ni como hacerle y queria k me lo hicieras, aún así muchas gracias por leerrrr connnnnnn mucha atención los mensajes, no soy una oportunista como me has hecho ver akí :shock:, y no te preocupes k aunq pienses lo contrario se arreglarmelas sola, ahhh se me olvidaba (solo por aclarar :roll: ) pegue el codigo pork pidieron k pusiera lo que staba ocupando más no para k me lo resolvieras, perdón por no saberme explicar ni hacer uso adecuado de los mensajes soy nueva en esto de los foros ahh pero se me olvida que gente como tu piensa k soy una floja y quiero k me resuelvan todooo perdónnnnnnnnnn :roll: Sólo pedía q me dijieran si o no puedes con un xml esooooooooooo eraaaaaaaa tooooodooo, despues de todo este choro gracias Hernán por tomart el tiempo de contestarm
Dios te bendiga :)

Por chocoretita

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 08 Ene 2010 02:00 am
Solo te dije algo que es real. Intenta aislar el problema pero no pongas todo el código. Sino es muy probable no te ayuden demasiadas personas o nadie directamente. Nada más.

El resto fue de tu propia invención, jamás te llame oportunista, ni nada.

Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

firefox

 

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