Comunidad de diseño web y desarrollo en internet online

problema con galería de fotos

Citar            
MensajeEscrito el 11 Jul 2010 02:31 pm
Estoy realizando una página en el cual inserto una galeria hecha en flash (AS2) con miniaturas en las que al hacer click, aparece la foto en grande.
Las miniaturas estan ordenadas segun el nro de foto que es el nombre del jpg. Deben ordenarse de mayor a menor.
Cuando se carga la página la primera foto grande que aparece debe corresponder a la primera miniatura.
En el HTML en el cual esta inserto el swf utizo flashvars para pasar los datos al swf de que fotos debe cargar.
Cuando pruebo el swf desde el flash, todo funciona correctamente, lo mismo ocurre cuando pruebo la página desde el dreamweaver con la vista previa en el navegador.
Mi problema es que cuando subo la página a la web las miniaturas que deben aparecer primero, aparecen al final o en el medio de la fila de miniaturas, por lo tanto la primera foto grande que se muestra no corresponde a la primera miniatura.
No creo que el problema este en la programacion action script ya que si no funcionaria bien en las vistas previas.
Puede ser un problema en el tiempo de carga de las minis desde el servidor? Estoy desorientada y ya no se más que considerar para resolver el problema.
Desde ya les agradezco la ayuda que puedan brindarme.
Silvana

Por sivassara

2 de clabLevel



 

msie8
Citar            
MensajeEscrito el 12 Jul 2010 02:57 pm

Por solisarg

BOFH

13669 de clabLevel

4 tutoriales
5 articulos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Argentina

firefox
Citar            
MensajeEscrito el 13 Jul 2010 01:21 am
Muchas gracias Jorge por tu pronta respuesta.
Estuve mirando lo que me sugeris pero la verdad no entiendo bien como aplicarlo a mi caso.
Cómo podría mandarte los archivos, para que si podés y tenes ganas mires lo que hice?. Es un zip que contiene todo.
Muchisimas gracias otra vez.
Silvana
[email protected]

Por sivassara

2 de clabLevel



 

msie8
Citar            
MensajeEscrito el 13 Jul 2010 10:54 am

Por solisarg

BOFH

13669 de clabLevel

4 tutoriales
5 articulos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Argentina

firefox
Citar            
MensajeEscrito el 13 Jul 2010 05:06 pm
Hola Jorge
Gracias otra vez por responder. Te aclaro que mi intención no es que me hagas el trabajo solo que me orientes si es posible.
Transcribo los codigos que usé:

Para la galeria que hice en el flash:

var direct:String;
var varxml:String;
var cantFotos:Number;
var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = alCargar;
xml.load(varxml);
var fotosCargadas:Number = 0;
var oListeners:Object = new Object();
var i:Number;
var mcs:MovieClip;
var thumbloader:MovieClipLoader = new MovieClipLoader();
var thumb:MovieClip;
var imgloader:MovieClipLoader = new MovieClipLoader();
var img:MovieClip;
var ytotal:Number = 0;
var mclLoaders:MovieClipLoader = new MovieClipLoader();




function alCargar() {
cargarPrevias(direct,cantFotos);
}

function cargarPrevias(direct, cantFotos) {
trayectoria._visible = false;
for (i=1; i<cantFotos; i++) {
mcs = mini.mc.thumb_mc.duplicateMovieClip("mc"+i, i);
mcs._x = 0;
mcs._y = 0;
thumb = mcs.createEmptyMovieClip("mcHolder", this.getNextHighestDepth());
mclLoaders.addListener(oListeners);
oListeners.onLoadInit = function(thumb:MovieClip):Void {

var anchomini:Number = thumb._width;
var altomini:Number = thumb._height;
var anchofinal:Number = 10000/anchomini;
thumb._xscale = anchofinal;
thumb._yscale = anchofinal;
thumb._y = ytotal;
ytotal = ytotal+thumb._height+10;
};

mclLoaders.loadClip(direct+i+"_small.jpg",thumb);
verFotos(i);

}



nombre_mc.htmlText = "<b>"+xml.firstChild.childNodes[0].attributes.nombre+"</b>"+"<font size='13'>"+xml.firstChild.childNodes[0].attributes.pais+"</font>";
residencia_mc.text = xml.firstChild.childNodes[0].attributes.residencia;
telefono_mc.text = xml.firstChild.childNodes[0].attributes.telefono;
artista();
}

function artista() {
fotoartista.loadMovie(direct+"0.jpg",fotoartista);
fotoartista._xscale = 80;
fotoartista._yscale = 80;
}

function verFotos(i:Number) {
this.createEmptyMovieClip("mcHolder1",this.getNextHighestDepth());

var oListener:Object = new Object();
oListener.onLoadInit = function(mcContent:MovieClip):Void {
mcContent._xscale = 80;
mcContent._yscale = 80;

mcContent._x = 10+(360-mcContent._width)/2;
mcContent._y = 125+(360-mcContent._height)/2;
var alto:Number = mcContent._y+mcContent._height;
titulo_mc._y = alto+5;
};
var mclLoader:MovieClipLoader = new MovieClipLoader();
mclLoader.addListener(oListener);
mcs.onRelease = function() {
mclLoader.loadClip(direct+i+".jpg",mcHolder1);
titulo_mc.htmlText = xml.firstChild.childNodes[i].attributes.titulo+" "+"<font size='10'>"+xml.firstChild.childNodes[i].attributes.medida+"</font>";
};
mclLoader.loadClip(direct+(cantFotos-1)+".jpg",mcHolder1);
titulo_mc.htmlText = xml.firstChild.childNodes[cantFotos-1].attributes.titulo+" "+"<font size='10'>"+xml.firstChild.childNodes[cantFotos-1].attributes.medida+"</font>";
}

btmail.onRelease = function() {
var correo:String = xml.firstChild.childNodes[0].attributes.mail;
getURL("mailto:"+correo);

};
// Barra de scroll--------------------------------------------------------------------------------
var posy:Number = 5;
izquierda = mini.barraimg._x;
superior = 0;
derecha = mini.barraimg._x;
inferior = mini.mascara._height-mini.barraimg._height;

//-------------------------------------------------------------------------------
//inicio el drag
mini.barraimg.onPress = function() {
//le asignamos las variables
startDrag(this, false, izquierda, superior, derecha, inferior);
posicion();
};
//termino el drag
mini.barraimg.onRelease = mini.barraimg.onReleaseOutside=function () {
stopDrag();
};



posicion = function () {
mini.mc.onEnterFrame = function() {
scrolled = (mini.mc._height-mini.mascara._height)/(mini.mascara._height-mini.barraimg._height);
//nueva posicion en y
posy = -(mini.barraimg._y)*scrolled;
this._y -= (this._y-posy)/6;
};
};
var posarribaMascara:Number = mini.mascara._y+mini.mascara._height;
var nIntervalo:Number;


mini.down.onPress = function() {
mover();


};

function mover():Void {
delete mini.mc.onEnterFrame;

if ((mini.mc._y+ytotal)>=posarribaMascara) {
mini.mc._y -= 100;
scrolled = (ytotal-360)/260;
if (mini.barraimg._y<260) {
(mini.barraimg._y) = -mini.mc._y/scrolled;
//mini.barraimg._y += 100*260/(ytotal-360)
}

}
}

mini.up.onPress = function() {
moverabajo();

};

function moverabajo():Void {
delete mini.mc.onEnterFrame;
if (mini.mc._y<mini.mascara._y) {
mini.mc._y += 100;
mini.barraimg._y = (-mini.mc._y*260)/(mini.mc._height-360);
}
}

updateAfterEvent();
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------

En el HTML donde esta inserto el swf de la galeria:
<script type="text/javascript" src="../swfobject.js"></script>

<script type="text/javascript">

function pasardatos(dato1,dato2,dato3){

var flashvars={
varxml:dato1, direct:dato2, cantFotos:dato3
};
insertar(flashvars)

}

function insertar(flashvars){

swfobject.embedSWF("../galeria.swf", "caja1secc", "641", "520", "9.0.0", "expressInstall.swf", flashvars)}
</script>
</head>

<body onload="pasardatos('dib013/dib013.xml','dib013/dib013-0','10')">
<div id="secciones">
<div id="caja1secc"></div>
<div id="titulotecnicas"><p align="center" class="roj13"><strong>Dibujo</strong></p>
</div>
<div id="tecnicassecc">
<ul>
<li><a href="javascript:pasardatos('dib013/dib013.xml','dib013/dib013-0','10')">Alvarez Mariela</a></li>
<li><a href="javascript:pasardatos('dib010/dib010.xml','dib010/dib010-0','10')">Artagaveytia Adolfo</a></li>
<li><a href="javascript:pasardatos('dib011/dib011.xml','dib011/dib011-0', '10')">Bamba Pilar</a> </li>
<li><a href="javascript:pasardatos('dib008/dib008.xml','dib008/dib008-0', '10')">Cicero Susana</a> </li>
<li><a href="javascript:pasardatos('dib004/dib004.xml','dib004/dib004-0', '10')">Correa Raul</a> </li>
<li><a href="javascript:pasardatos('dib014/dib014.xml','dib014/dib014-0', '7')">Frigerio Cristina</a> </li>
<li><a href="javascript:pasardatos('dib003/dib003.xml','dib003/dib003-0','9')">Marzaglia, Mónica</a></li>
<li><a href="javascript:pasardatos('dib015/dib015.xml','dib015/dib015-0','10')">Moreno Sebastian M.</a> </li>
<li><a href="javascript:pasardatos('dib006/dib006.xml','dib006/dib006-0','7')">Mulas Mari</a>  </li>
<li><a href="javascript:pasardatos('dib012/dib012.xml','dib012/dib012-0','10')">Orallo Ana Maria</a> </li>
<li><a href="javascript:pasardatos('dib005/dib005.xml','dib005/dib005-0','10')">Parentela Claudio</a></li>
<li><a href="javascript:pasardatos('dib001/dib001.xml','dib001/dib001-0','10')">Ponce Raúl</a></li>
<li><a href="javascript:pasardatos('dib002/dib002.xml','dib002/dib002-0','10')">Puebla Adriano Hugo</a></li>
<li><a href="javascript:pasardatos('dib009/dib009.xml','dib009/dib009-0','10')">Sancho Maria Elena</a></li>
<li><a href="javascript:pasardatos('dib007/dib007.xml','dib007/dib007-0','10')">Weingast Susana</a></li>
</ul>
</div>
</div>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------------------------------

Y finalmente los xml para cada artista estan armados así:
<data>
<foto nombre="Moreno, Sebastian Mariano " pais="(1925) - España " residencia= "Reside en Burgos" telefono="34(947) 20-9424" mail="[email protected] "/>
<foto titulo="CARTUJA DE MIRAFLORES" medida="(1982) - 30 x 42 cm - Tinta china s/papel"/>
<foto titulo="CATEDRAL DE BURGOS" medida="(1982) - 42 x 30 cm - Tinta china s/papel"/>
<foto titulo="POZA DE LA SAL" medida="(1984) - 42 x 30 cm - Tinta china s/papel"/>
<foto titulo="CALLE FERNÁN GONGÁLEZ" medida="(1984) - 42 x 30 cm - Tinta china s/papel"/>
<foto titulo="CHIMENEA SERRANA" medida="(1985) - 42 x 30 cm - Tinta china s/papel"/>
<foto titulo="CEREZO DE RIOTIRÓN" medida="(1986) - 30 x 42 cm - Tinta china s/papel"/>
<foto titulo="PUENTE SOBRE EL RÍO ÁRLANZA " medida="(1983) - 30 x 42 cm - Tinta china s/papel"/>
<foto titulo="ARQUITECTURA POPULAR" medida="(1983) - 42 x 30 cm - Tinta china s/papel"/>
<foto titulo="CASTILLO" medida="(1986) - 42 x 30 cm - Tinta china s/papel"/>
</data>
--------------------------------------------------------------------------------------------------------------------------------------------------------

No encuentro el error en ellos para justificar lo que ocurre.
Las miniaturas pesan entre 1 y 5 KB así que me parece que no debe haber mucha diferencia en los tiempos de carga.
Bueno Jorge, espero si te es posible alguna sugerencia, sino mil gracias de todas formas
Silvana

Por sivassara

2 de clabLevel



 

msie8
Citar            
MensajeEscrito el 13 Jul 2010 06:36 pm
Tenía un POST con tips para el "wall of text" que es casi continuación del "baja y arregla", pero ya no está mas after-hours que es donde lo tenía ... la próxima será.
Yo con mas de 10 líneas de código me pierdo, pero ya está expuesto para que alguien con mas tiempo que yo le eche el ojo a las 200 líneas de código

Jorge

Por solisarg

BOFH

13669 de clabLevel

4 tutoriales
5 articulos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Argentina

firefox
Citar            
MensajeEscrito el 14 Jul 2010 02:44 am
Bueno Jorge, gracias de todas formas
Silvana

Por sivassara

2 de clabLevel



 

msie8

 

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